.nodes-document{
  background:radial-gradient(ellipse at 18% 0,var(--atmo),transparent 34%);
}
.nodes-intro{
  text-align:center;
  max-width:880px;
  margin-inline:auto;
}
.nodes-intro h1{
  margin-top:var(--space-3);
}
.nodes-intro__lead{
  font-size:var(--text-lead);
  color:var(--text);
  margin-bottom:var(--space-2);
}
.nodes-intro__note{
  max-width:650px;
  margin-inline:auto;
  color:var(--muted);
}
.nodes-route-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  flex-wrap:wrap;
  margin-top:var(--space-6);
  color:var(--accent);
  font-size:var(--text-sm);
}
.nodes-route-strip span{
  padding:var(--space-1) var(--space-2);
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  box-shadow:inset 0 1px 0 var(--hl-top),var(--shadow-tag);
}
.nodes-route-strip svg{
  fill:none;
  stroke:var(--arc);
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nodes-region{
  margin-top:var(--space-6);
}
.nodes-region>p{
  max-width:800px;
}
.nodes-footnote{
  margin-top:var(--space-3);
  color:var(--muted);
  font-size:var(--text-sm);
}
.nodes-type-list{
  display:grid;
  gap:var(--space-3);
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);
  gap:var(--space-5);
}
.nodes-type>*{
  min-width:0;
}
.nodes-type__heading h3{
  margin-top:var(--space-3);
}
.nodes-type__body p{
  color:var(--muted);
  line-height:1.85;
}
.nodes-type__body p:last-child{
  margin-bottom:0;
}
.nodes-use-list{
  border-top:1px solid var(--border);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);
  gap:var(--space-6);
  padding-top:var(--space-5);
  padding-bottom:var(--space-5);
  border-bottom:1px solid var(--border);
}
.nodes-use>*{
  min-width:0;
}
.nodes-use p{
  color:var(--muted);
  line-height:1.85;
}
.nodes-use p:last-child{
  margin-bottom:0;
}
.nodes-use a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:4px;
}
.nodes-account-note{
  margin-top:var(--space-5);
  padding-top:var(--space-4);
  border-top:1px solid var(--border);
  max-width:800px;
}
.nodes-account-note p{
  color:var(--muted);
}
@media(max-width:768px){
  .nodes-type,.nodes-use{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }
  .nodes-use h3{
    margin-bottom:var(--space-1);
  }
  .nodes-route-strip{
    gap:var(--space-1);
  }
  .nodes-route-strip svg{
    width:32px;
  }
}
@media(max-width:400px){
  .nodes-route-strip span{
    padding-inline:var(--space-1);
    font-size:var(--text-xs);
  }
  .nodes-route-strip svg{
    width:20px;
  }
}