.nodes-intro{
  padding-top:var(--space-6);
  padding-bottom:var(--space-6);
  text-align:center;
  background:linear-gradient(180deg,var(--accent-wash),var(--clear));
}
.nodes-intro h1{
  margin:var(--space-3) 0;
  font-size:var(--title-display);
  line-height:1.12;
}
.nodes-compass{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-4);
  text-align:left;
}
.nodes-compass a{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--r-card);
  background:var(--panel);
  box-shadow:var(--shadow-card);
  text-decoration:none;
}
.nodes-compass a:nth-child(1){
  background:linear-gradient(135deg,var(--accent-08),var(--panel));
}
.nodes-compass a:nth-child(2){
  background:linear-gradient(135deg,var(--c2b),var(--panel));
}
.nodes-compass a:nth-child(3){
  background:linear-gradient(135deg,var(--c3b),var(--panel));
}
.nodes-compass a:nth-child(4){
  background:linear-gradient(135deg,var(--c4b),var(--panel));
}
.nodes-compass a:hover{
  border-color:var(--accent);
}
.nodes-compass span{
  font-size:var(--title-card);
  font-weight:var(--weight-heavy);
}
.nodes-compass small{
  font-size:var(--text-sm);
  color:var(--muted);
  line-height:1.7;
}
.nodes-document{
  padding-bottom:var(--space-3);
}
.nodes-rule{
  border-top:1px solid var(--line);
}
.nodes-reading{
  max-width:960px;
  line-height:1.9;
}
.nodes-reading>p:first-child{
  margin-top:0;
}
.nodes-reading>p:last-child{
  margin-bottom:0;
}
.nodes-reading a,.nodes-use p a{
  color:var(--accent-dark);
}
.nodes-document .table-scroll{
  margin-top:var(--space-4);
}
.nodes-document .region-row{
  scroll-margin-top:var(--toc-offset);
}
.nodes-type-list{
  display:grid;
  gap:var(--space-3);
  margin-top:var(--space-4);
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:var(--space-4);
  padding:var(--space-4);
}
.nodes-type h3{
  margin:var(--space-2) 0;
}
.nodes-type p{
  line-height:1.9;
}
.nodes-type-copy p:first-child{
  margin-top:0;
}
.nodes-type-copy p:last-child{
  margin-bottom:0;
}
.nodes-use-list{
  margin-top:var(--space-4);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:var(--space-4);
  padding-top:var(--space-4);
  padding-bottom:var(--space-4);
  border-top:1px solid var(--line);
}
.nodes-use h3{
  margin:0;
  color:var(--accent-dark);
}
.nodes-use p{
  margin:0 0 var(--space-2);
  line-height:1.9;
}
.nodes-use p:last-child{
  margin-bottom:0;
}
.nodes-links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
@media(max-width:768px){
  .nodes-intro{
    padding-top:var(--space-4);
    padding-bottom:var(--space-4);
  }
  .nodes-intro h1{
    font-size:36px;
  }
  .nodes-compass{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-2);
  }
  .nodes-compass a{
    padding:var(--space-2);
  }
  .nodes-type,.nodes-use{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }
  .nodes-type{
    padding:var(--space-3);
  }
  .nodes-type>div>p:last-child{
    margin-bottom:0;
  }
}
@media(max-width:360px){
  .nodes-intro h1{
    font-size:32px;
  }
  .nodes-compass{
    grid-template-columns:minmax(0,1fr);
  }
}