.nodes-intro{
  background:linear-gradient(180deg,var(--paper-top),var(--paper-bottom));
  border-bottom:1px solid var(--border);
  padding-top:var(--space-8);
  padding-bottom:var(--space-6);
}
.nodes-intro h1{
  max-width:16em;
}
.nodes-lead{
  max-width:42em;
  margin-top:var(--space-3);
  color:var(--text-muted);
  font-size:var(--size-lead);
}
.nodes-facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2) var(--space-4);
  margin-top:var(--space-4);
  padding-top:var(--space-3);
  border-top:1px solid var(--border);
  font-family:var(--font-mono);
  font-size:var(--size-ui);
}
.nodes-facts span{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
}
.nodes-facts span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:var(--radius-round);
  background:var(--accent);
  flex-shrink:0;
}
.nodes-facts span:nth-child(2)::before{
  background:var(--steel);
}
.nodes-facts span:nth-child(3)::before{
  background:var(--moss);
}
.nodes-intro-note{
  max-width:48em;
  margin-top:var(--space-3);
  font-size:var(--size-ui);
  color:var(--text-muted);
}
.nodes-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-3);
}
.nodes-document{
  padding-top:var(--space-4);
}
.nodes-part{
  margin-top:var(--space-8);
}
.nodes-table-note{
  margin-bottom:var(--space-2);
  color:var(--text-muted);
  font-size:var(--size-ui);
  max-width:64em;
}
.nodes-type-list,
.nodes-use-list{
  display:grid;
  gap:var(--space-3);
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:var(--space-4);
  padding:var(--space-4);
}
.nodes-type>*,
.nodes-use>*{
  min-width:0;
}
.nodes-type-heading .chip{
  margin-bottom:var(--space-2);
  font-family:var(--font-mono);
}
.nodes-type .stack,
.nodes-use .stack{
  line-height:1.85;
}
.nodes-type .stack,
.nodes-use .stack,
.nodes-document .grid-2 p{
  color:var(--text-muted);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  gap:var(--space-4);
  padding:var(--space-4);
}
.nodes-use h3{
  padding-top:var(--space-1);
}
.nodes-document .grid-2{
  align-items:start;
}
@media(max-width:768px){
  .nodes-intro{
    padding-top:var(--space-5);
    padding-bottom:var(--space-4);
  }
  .nodes-lead{
    font-size:var(--size-body);
  }
  .nodes-part{
    margin-top:var(--space-6);
  }
  .nodes-type,
  .nodes-use{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
    padding:var(--space-3);
  }
  .nodes-use h3{
    padding-top:0;
  }
}