.nodes-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:var(--space-8)}
.nodes-heading,.nodes-scope{min-width:0}
.nodes-lede{max-width:620px;color:var(--text-muted)}
.nodes-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.nodes-note{margin-top:var(--space-3);font-size:var(--size-small);color:var(--text-muted)}
.nodes-scope{position:relative;background:linear-gradient(145deg,var(--bg),var(--bg-panel))}
.nodes-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0}
.nodes-facts>div{min-width:0}
.nodes-facts dt{font-size:var(--size-small);color:var(--text-muted)}
.nodes-facts dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--size-h2);font-weight:var(--weight-display);line-height:1.25;color:var(--accent)}
.nodes-route-sample{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);margin-block:var(--space-3);background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--r)}
.nodes-route-sample strong{font-size:var(--size-small);font-weight:var(--weight-semibold)}
.nodes-scope>.muted{font-size:var(--size-small)}
.nodes-document{padding-top:var(--space-4)}
.nodes-chapter{padding-top:var(--space-8)}
.nodes-explanation{max-width:960px}
.nodes-type-stack{display:grid;gap:var(--space-3)}
.nodes-type{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--space-5)}
.nodes-type-label .lt{margin-bottom:var(--space-2)}
.nodes-type-label h3{max-width:260px}
.nodes-type .prose{color:var(--text-muted)}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}
.nodes-use>.eyebrow{padding-top:var(--space-1);margin:0;color:var(--accent-dark)}
.nodes-use>.prose{min-width:0}
.nodes-use h3{margin-top:0}
.nodes-use p:not(.eyebrow){color:var(--text-muted)}
.nodes-explanation a,.nodes-use a{color:var(--accent-dark)}
@media(max-width:768px){
  .nodes-intro{grid-template-columns:1fr;gap:var(--space-4)}
  .nodes-type{grid-template-columns:1fr;gap:var(--space-2)}
  .nodes-type-label h3{max-width:none}
  .nodes-use{grid-template-columns:1fr;gap:var(--space-2)}
  .nodes-scope{max-width:100%}
  .nodes-chapter{padding-top:var(--space-6)}
}