.nodes-hero{position:relative;max-width:100%;overflow-x:clip;padding-top:72px;padding-bottom:80px;background:radial-gradient(ellipse at 82% 46%,var(--pink-18),var(--pink-0) 66%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.nodes-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(32px,6vw,96px)}
.nodes-intro h1{max-width:10em;margin:24px 0 0;font-size:clamp(52px,5vw,64px)}
.nodes-lede{max-width:36em;margin:32px 0 0;color:var(--text-muted);font-size:18px;line-height:1.75}
.nodes-lede strong{color:var(--text)}
.nodes-note{max-width:38em;margin:16px 0 0;color:var(--text-muted);font-size:15px}
.nodes-board{position:relative;min-width:0;padding:28px;border:1px solid var(--hi);border-radius:var(--r-board);background:radial-gradient(circle at 10% 10%,var(--berry-100),var(--berry-0) 70%),var(--bg-panel);box-shadow:0 28px 56px var(--shadow-10),inset 0 1px 0 var(--hi)}
.nodes-board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.nodes-board-mark{color:var(--accent);font-size:24px}
.nodes-board-row{display:flex;align-items:flex-start;gap:14px;margin-top:10px;padding:18px;border:1px solid var(--border-soft);border-radius:var(--r-item);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi)}
.nodes-board-row .check{margin-top:3px}
.nodes-board-row div{min-width:0}
.nodes-board-row strong,.nodes-board-row small{display:block}
.nodes-board-row strong{font-size:16px;line-height:1.4}
.nodes-board-row small{margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.5}
.nodes-board-foot{margin-top:20px;color:var(--slate);font:600 12px/1.5 var(--font-mono)}
.nodes-content{padding-bottom:32px}
.nodes-content .section-heading p:last-child{color:var(--text-muted)}
.nodes-content .section-heading{max-width:840px}
.nodes-content .section-heading h2{max-width:19em}
.nodes-table caption{padding:14px 18px;background:var(--bg-panel);color:var(--text-muted);text-align:left;font-size:14px}
.nodes-table td:last-child{color:var(--text-muted)}
.nodes-types{border-top:1px solid var(--border-soft)}
.nodes-type-list{border-top:1px solid var(--border)}
.nodes-type-item{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.7fr);gap:40px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}
.nodes-type-label{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:10px}
.nodes-type-label h3{width:100%;margin:6px 0 0}
.nodes-type-copy p,.nodes-use p{color:var(--text-muted)}
.nodes-type-copy p:last-child,.nodes-use p:last-child{margin-bottom:0}
.nodes-types-foot{max-width:780px;margin:32px 0 0;color:var(--text-muted)}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,1.8fr);gap:48px;padding-top:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}
.nodes-use-title h3{margin:8px 0 0}
.nodes-check{border-top:1px solid var(--border-soft)}
.nodes-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nodes-check-panel{padding:28px}
.nodes-check-panel h3{margin:0 0 14px}
.nodes-check-panel p{margin:0;color:var(--text-muted)}
.nodes-closing{max-width:900px;margin:32px 0 0;color:var(--text-muted)}
.nodes-closing a{color:var(--accent-dark);font-weight:700;text-underline-offset:3px}
@media(max-width:900px){
  .nodes-hero-grid{grid-template-columns:minmax(0,1fr)}
  .nodes-board{max-width:560px}
}
@media(max-width:640px){
  .nodes-hero{padding-top:48px;padding-bottom:56px}
  .nodes-intro h1{font-size:clamp(30px,9vw,40px)}
  .nodes-lede{font-size:17px}
  .nodes-board{padding:18px}
  .nodes-type-item,.nodes-use{grid-template-columns:minmax(0,1fr);gap:16px}
  .nodes-type-item{padding-top:28px;padding-bottom:28px}
  .nodes-use{padding-top:28px;padding-bottom:28px}
  .nodes-check-grid{grid-template-columns:minmax(0,1fr)}
  .nodes-check-panel{padding:22px}
}