.nodes-intro{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  background:linear-gradient(180deg,var(--white-0),var(--accent-05));
}
.nodes-intro-inner{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:64px;
  padding-top:76px;
  padding-bottom:82px;
}
.nodes-intro-copy{min-width:0}
.nodes-intro h1{margin:0 0 22px}
.nodes-lede{max-width:670px;font-size:19px;line-height:1.7;color:var(--muted)}
.nodes-lede strong{font-weight:500;color:var(--text)}
.nodes-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.nodes-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--accent-dark);font-weight:500}
.nodes-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.nodes-path{
  min-width:0;
  padding:30px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-xl);
  background:var(--panel);
  box-shadow:var(--shadow-soft),var(--hl);
}
.nodes-path-label,.nodes-group-code,.nodes-type-mark{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.09em;
  color:var(--accent-dark);
}
.nodes-path-flow{display:flex;align-items:center;margin:26px 0 24px;min-width:0}
.nodes-path-stop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-height:44px;
  padding:6px 12px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-sm);
  background:var(--panel-side);
  font-size:13px;
  white-space:nowrap;
}
.nodes-path-stop-active{border-color:var(--accent-22);background:var(--accent-08);color:var(--accent-dark)}
.nodes-path-join{
  flex:1;
  min-width:8px;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--rose));
}
.nodes-path p{color:var(--muted);font-size:14px}
.nodes-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:32px;
}
.nodes-section-head h2{margin:8px 0 0}
.nodes-section-head > p{max-width:510px;color:var(--muted)}
.nodes-jump{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:44px;
}
.nodes-jump a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
  padding:10px 18px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-sm);
  background:var(--panel);
  box-shadow:var(--shadow-chip);
  font-weight:500;
}
.nodes-jump a:hover{color:var(--accent-dark);border-color:var(--accent-22)}
.nodes-jump a span{color:var(--accent)}
.nodes-group{margin-top:40px}
.nodes-group-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:16px;
}
.nodes-group-head > div{display:flex;align-items:baseline;gap:15px;min-width:0}
.nodes-group-head h3{margin:0;font-weight:500}
.nodes-group-head p{max-width:580px;font-size:14px;color:var(--muted)}
.nodes-group .data-table{min-width:620px}
.nodes-group .data-table th:first-child,.nodes-group .data-table td:first-child{width:28%}
.nodes-group .data-table td:last-child{color:var(--muted)}
.nodes-reading-note{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:24px;
  margin-top:40px;
  padding:24px 28px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-card);
  background:var(--panel-2);
}
.nodes-reading-note p{color:var(--muted)}
.nodes-method{background:var(--panel-side);border-block:1px solid var(--border-soft)}
.nodes-type-list{display:grid;gap:18px}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);
  gap:28px;
  padding:30px;
  box-shadow:var(--shadow-soft),var(--hl);
}
.nodes-type-top{padding-top:3px}
.nodes-type-top h3{margin:12px 0 0;font-weight:500}
.nodes-type-copy{display:grid;gap:16px;color:var(--muted)}
.nodes-cost-note{margin-top:24px}
.nodes-cost-note a,.nodes-check-copy a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);
  gap:32px;
  padding:28px 0;
  border-bottom:1px solid var(--border);
}
.nodes-use-label{
  align-self:start;
  width:max-content;
  max-width:100%;
  padding:5px 12px;
  border-radius:var(--r-sm);
  background:var(--accent-08);
  color:var(--accent-dark);
  font-size:13px;
  font-weight:500;
}
.nodes-use h3{margin:0 0 12px;font-size:21px;font-weight:500}
.nodes-use p{max-width:850px;color:var(--muted)}
.nodes-check{padding-top:0}
.nodes-check-panel{
  display:grid;
  grid-template-columns:minmax(0,.36fr) minmax(0,1fr);
  gap:48px;
  padding:38px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-card);
  background:var(--panel);
  box-shadow:var(--shadow-soft),var(--hl);
}
.nodes-check-panel h2{margin:8px 0 0}
.nodes-check-copy{display:grid;gap:18px;color:var(--muted)}
@media(max-width:900px){
  .nodes-intro-inner{gap:28px}
  .nodes-path{padding:22px}
  .nodes-section-head{align-items:start;flex-direction:column;gap:14px}
  .nodes-group-head{align-items:start;flex-direction:column;gap:8px}
}
@media(max-width:768px){
  .nodes-intro-inner{grid-template-columns:minmax(0,1fr);padding-top:48px;padding-bottom:56px}
  .nodes-path{max-width:560px}
  .nodes-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nodes-check-panel{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
  .nodes-lede{font-size:16px}
  .nodes-intro-inner{padding-top:36px;padding-bottom:48px}
  .nodes-path{padding:18px;border-radius:var(--r-frame)}
  .nodes-path-stop{padding-inline:8px;font-size:12px}
  .nodes-jump{gap:8px}
  .nodes-jump a{padding-inline:12px;font-size:14px}
  .nodes-reading-note,.nodes-type,.nodes-use{grid-template-columns:minmax(0,1fr)}
  .nodes-reading-note{gap:8px;padding:20px}
  .nodes-type{gap:12px;padding:22px}
  .nodes-use{gap:12px}
  .nodes-check-panel{padding:22px}
}
@media(max-width:350px){
  .nodes-path-stop{padding-inline:6px;font-size:11px}
}