.nodes-intro{padding-bottom:var(--space-3)}
.nodes-intro h1{margin-bottom:0;letter-spacing:-.02em;line-height:1.15}
.nodes-directory-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--r-window);background:var(--panel);box-shadow:var(--shadow-card)}
.nodes-directory-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--muted)}
.nodes-directory-label svg{color:var(--accent)}
.nodes-region-links{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.nodes-region-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-1) var(--space-2);font-size:var(--fs-small);border-radius:var(--r-pill);background:var(--panel-2)}
.nodes-region-links a:hover{background:var(--accent);color:var(--on-accent)}
.nodes-directory{padding-top:var(--space-4)}
.nodes-section-lead{max-width:var(--reading-width);margin-bottom:var(--space-4)}
.nodes-section-lead h2{margin-bottom:var(--space-3)}
.nodes-section-lead p:last-child{margin-bottom:0}
.nodes-region+.nodes-region{margin-top:var(--space-6)}
.nodes-region-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}
.nodes-region-heading h3{margin-bottom:0}
.nodes-region>p{max-width:var(--reading-width);color:var(--muted)}
.nodes-type-window{background:var(--panel);border-radius:var(--r-window);box-shadow:0 24px 64px -24px var(--shadow-tint-3),inset 0 0 0 1px var(--hi-edge)}
.nodes-type-chrome{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--fs-small);color:var(--muted)}
.nodes-type-chrome .mono{font-size:var(--fs-small)}
.nodes-type-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.nodes-type-row+.nodes-type-row{border-top:1px solid var(--border)}
.nodes-path{padding:var(--space-4);background:var(--panel-2)}
.nodes-path p{margin-top:var(--space-3);margin-bottom:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-small);line-height:1.9}
.nodes-type-copy{padding:var(--space-4)}
.nodes-type-copy h3{margin-bottom:var(--space-2)}
.nodes-type-copy p{line-height:1.85}
.nodes-type-copy p:last-child{margin-bottom:0}
.nodes-type-row:last-child .nodes-path{border-bottom-left-radius:var(--r-window)}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-6);padding-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}
.nodes-use-label h3{margin-bottom:var(--space-1)}
.nodes-use-row p{line-height:1.85}
.nodes-use-row p:last-child{margin-bottom:0}
.nodes-use-row a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:768px){
  .nodes-directory-head{align-items:flex-start;flex-direction:column;padding:var(--space-2)}
  .nodes-region-links{width:100%}
  .nodes-region-links a{flex:1;padding-inline:var(--space-1)}
  .nodes-type-row{grid-template-columns:1fr}
  .nodes-path,.nodes-type-copy{padding:var(--space-3)}
  .nodes-path p{margin-top:var(--space-2)}
  .nodes-type-row:last-child .nodes-path{border-bottom-left-radius:0}
  .nodes-use-row{grid-template-columns:1fr;gap:var(--space-2)}
  .nodes-region-heading{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:640px){
  .nodes-type-board{padding:var(--space-2)}
  .nodes-path,.nodes-type-copy{padding:var(--space-2)}
  .nodes-type-chrome{padding:var(--space-2)}
}