.nodes-intro{
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  max-width:100%;
  padding-top:var(--space-6);
  padding-bottom:var(--space-5);
  background:linear-gradient(180deg,var(--wash),var(--wash-clear));
}
.nodes-wash{
  position:absolute;
  top:0;
  right:0;
  width:40%;
  aspect-ratio:1;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(closest-side,var(--glow-honey),var(--glow-clear));
  opacity:.4;
}
.nodes-intro-inner{text-align:center}
.nodes-lead{
  max-width:var(--reading-width);
  margin-inline:auto;
  font-size:var(--size-sub);
  color:var(--muted);
}
.nodes-facts,.nodes-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
}
.nodes-actions{margin-top:var(--space-3)}
.nodes-pass{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:var(--reading-width);
  margin:var(--space-5) auto 0;
  border:1px solid var(--border);
  border-radius:var(--r-panel);
  background:var(--panel);
  box-shadow:var(--panel-shadow);
  text-align:left;
}
.nodes-pass>div{
  position:relative;
  min-width:0;
  padding:var(--space-3);
}
.nodes-pass>div+div{border-left:1px dashed var(--dash)}
.nodes-pass>div+div::before,.nodes-pass>div+div::after{
  content:"";
  position:absolute;
  left:calc(0px - var(--notch));
  width:calc(var(--notch) * 2);
  height:calc(var(--notch) * 2);
  border-radius:var(--r-pill);
  background:var(--bg);
}
.nodes-pass>div+div::before{top:calc(0px - var(--notch))}
.nodes-pass>div+div::after{bottom:calc(0px - var(--notch))}
.nodes-label{
  display:block;
  margin-bottom:var(--space-2);
  font-family:var(--font-mono);
  font-size:var(--size-small);
  letter-spacing:var(--label-tracking);
  color:var(--accent-dark);
  overflow-wrap:anywhere;
}
.nodes-pass strong{display:block}
.nodes-pass p{
  margin:var(--space-1) 0 0;
  font-size:var(--size-label);
  color:var(--muted);
}
.nodes-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-bottom:var(--space-3);
}
.nodes-section-head h2{margin-bottom:0}
.nodes-caption{
  padding:var(--space-2) var(--space-3);
  text-align:left;
  color:var(--muted);
  font-size:var(--size-label);
}
.nodes-type-list{
  display:grid;
  gap:var(--space-3);
  margin-top:var(--space-4);
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  gap:var(--space-4);
}
.nodes-type-heading{
  padding-right:var(--space-3);
  border-right:1px dashed var(--dash);
}
.nodes-type-heading .tag{margin-bottom:var(--space-2)}
.nodes-type-copy{min-width:0}
.nodes-type-copy p:last-child{margin-bottom:0}
.nodes-use-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-4);
}
.nodes-use-grid .tag{margin-bottom:var(--space-2)}
.nodes-use-grid p{color:var(--muted)}
.nodes-use-grid p:last-child{margin-bottom:0}
.nodes-office{
  grid-column:1/-1;
  background:linear-gradient(120deg,var(--panel),var(--panel-shade));
}
.nodes-help-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-4);
}
@media(max-width:768px){
  .nodes-intro{padding-top:var(--space-5)}
  .nodes-type{grid-template-columns:1fr;gap:var(--space-2)}
  .nodes-type-heading{padding-right:0;border-right:0}
}
@media(max-width:640px){
  .nodes-pass,.nodes-use-grid{grid-template-columns:1fr}
  .nodes-pass>div+div{border-left:0;border-top:1px dashed var(--dash)}
  .nodes-pass>div+div::before{
    top:calc(0px - var(--notch));
    left:calc(0px - var(--notch));
  }
  .nodes-pass>div+div::after{
    top:calc(0px - var(--notch));
    bottom:auto;
    left:auto;
    right:calc(0px - var(--notch));
  }
  .nodes-office{grid-column:auto}
  .nodes-section-head{align-items:flex-start;flex-direction:column}
}