.nodes-intro{text-align:center}
.nodes-intro h1{margin:24px 0}
.nodes-lead{max-width:720px;margin:0 auto;color:var(--muted);font-size:var(--fs-lead)}
.nodes-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.nodes-taskboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:36px auto 0;padding:24px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-board);box-shadow:inset 0 1px 0 var(--highlight)}
.nodes-task{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:20px;text-align:start;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.nodes-task:nth-child(2){transform:translateY(6px)}
.nodes-task>div{min-width:0}
.nodes-check{display:grid;place-items:center;flex:none;width:24px;height:24px;background:var(--accent);color:var(--panel);border-radius:var(--r-mini);font-size:var(--fs-sm);font-weight:var(--weight-bold)}
.nodes-task strong{font-weight:var(--weight-semibold)}
.nodes-task p{margin:8px 0 0;color:var(--muted);font-size:var(--fs-sm)}
.nodes-intro-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:24px 0 0;color:var(--muted);font-size:var(--fs-sm)}
.nodes-caption{padding:16px 20px;text-align:start;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--weight-medium)}
.nodes-table-notes{max-width:var(--reading-width);margin-top:28px;color:var(--muted);line-height:1.85}
.nodes-type-list{display:grid;gap:20px}
.nodes-type{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.nodes-type>*{min-width:0}
.nodes-type-label h3{margin:16px 0 0}
.nodes-type p{color:var(--muted);line-height:1.85}
.nodes-type p:last-child{margin-bottom:0}
.nodes-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nodes-use-grid>*{min-width:0}
.nodes-use-grid h3{margin:18px 0}
.nodes-use-grid p{color:var(--muted);line-height:1.85}
.nodes-use-grid p:last-child{margin-bottom:0}
.nodes-use-grid a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.nodes-use-office{grid-column:1 / -1}
@media(max-width:1040px){
  .nodes-taskboard{gap:12px;padding:18px}
  .nodes-task{padding:16px;gap:10px}
}
@media(max-width:768px){
  .nodes-taskboard{grid-template-columns:minmax(0,1fr);max-width:580px}
  .nodes-task:nth-child(2){transform:none}
  .nodes-type{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
  .nodes-use-grid{grid-template-columns:minmax(0,1fr)}
  .nodes-use-office{grid-column:auto}
}
@media(max-width:640px){
  .nodes-type{padding:20px}
  .nodes-taskboard{padding:14px}
}