.nodes-intro{
  padding-top:64px;
  padding-bottom:64px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 4%,var(--bg)),var(--bg) 48%,color-mix(in srgb,var(--apricot) 12%,var(--bg)));
}
.nodes-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:72px;
  align-items:center;
}
.nodes-intro__grid>*{min-width:0}
.nodes-intro h1{letter-spacing:-.02em}
.nodes-intro__lede{max-width:600px;color:var(--muted)}
.nodes-intro__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.nodes-intro__note{font-size:var(--size-small);color:var(--muted);margin:18px 0 0}
.nodes-overview{
  min-width:0;
  padding:28px;
  border:1px solid var(--win-hair-2);
  border-radius:var(--r-frame);
  background:var(--win);
  color:var(--win-text);
  box-shadow:inset 0 1px 0 var(--win-hair-2),0 28px 64px -24px var(--tint-shadow);
}
.nodes-overview__chrome{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  padding-bottom:18px;
  border-bottom:1px solid var(--win-hair-2);
  color:var(--win-muted);
  font-family:var(--font-mono);
  font-size:12px;
}
.nodes-overview__coverage{
  margin:24px 0;
  font-size:var(--size-h2);
  font-weight:var(--weight-display);
  line-height:1.5;
  letter-spacing:-.02em;
}
.nodes-overview__facts{margin:0 0 20px}
.nodes-overview__facts div{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px 16px;
  padding-block:10px;
  border-bottom:1px solid var(--win-hair);
  font-size:var(--size-small);
}
.nodes-overview__facts dt{color:var(--win-muted)}
.nodes-overview__facts dd{margin:0}
.nodes-overview>p:last-child{color:var(--win-muted);font-size:var(--size-small);margin:0}
.nodes-section+.nodes-section{margin-top:88px}
.nodes-region{margin-top:40px}
.nodes-region>p{max-width:var(--reading);color:var(--muted)}
.nodes-type-list{display:grid;gap:20px}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  gap:32px;
}
.nodes-type>*{min-width:0}
.nodes-type h3{margin-top:16px}
.nodes-type p{color:var(--muted)}
.nodes-type p:last-child{margin-bottom:0}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  gap:32px;
  padding-block:28px;
  border-bottom:1px solid var(--border);
}
.nodes-use>*{min-width:0}
.nodes-use h3{margin-bottom:0}
.nodes-use p{color:var(--muted)}
.nodes-use p:last-child{margin-bottom:0}
.nodes-check h3:not(:first-child){margin-top:32px}
.nodes-guide .panel a:not(.btn){
  text-decoration:underline;
  text-underline-offset:4px;
}
.nodes-guide .panel a:not(.btn):hover{color:var(--accent-dark)}
@media(max-width:900px){
  .nodes-intro__grid{gap:32px}
  .nodes-overview{padding:24px}
}
@media(max-width:768px){
  .nodes-intro{padding-top:40px;padding-bottom:40px}
  .nodes-intro__grid{grid-template-columns:1fr}
  .nodes-overview__coverage br{display:none}
  .nodes-overview__coverage{font-size:var(--size-h3);display:flex;flex-wrap:wrap;gap:0 8px}
  .nodes-section+.nodes-section{margin-top:56px}
  .nodes-type,.nodes-use{grid-template-columns:1fr;gap:16px}
  .nodes-type h3{margin-bottom:0}
}
@media(max-width:640px){
  .nodes-overview{padding:20px;border-radius:var(--r-l)}
  .nodes-region{margin-top:32px}
}