.nodes-page{
  padding-top:40px;
}
.nodes-intro{
  padding:48px 28px;
  text-align:center;
  border:1px solid var(--c-border);
  border-radius:var(--r-peek);
  background:linear-gradient(180deg,var(--c-hero-a),var(--c-hero-b));
  box-shadow:var(--sh-soft),var(--hl-edge);
  min-width:0;
}
.nodes-intro h1{
  margin:24px 0;
  font-size:var(--fs-display);
  font-weight:var(--fw-display);
}
.nodes-intro__lede{
  font-size:var(--fs-sub);
  color:var(--c-muted);
}
.nodes-intro__actions{
  justify-content:center;
  margin-top:24px;
}
.nodes-intro__note{
  margin-top:20px;
  font-size:var(--fs-small);
  color:var(--c-muted);
}
.nodes-document{
  margin-top:32px;
}
.nodes-document>section{
  padding-top:48px;
}
.nodes-document>section>h2{
  margin-top:12px;
}
.nodes-document>section+section{
  margin-top:24px;
  border-top:1px solid var(--c-border);
}
.nodes-document .route-table caption{
  padding:16px 20px;
  text-align:left;
  color:var(--c-muted);
  background:var(--c-panel);
  font-size:var(--fs-small);
}
.nodes-document .nodes-table-note{
  margin-top:16px;
  color:var(--c-muted);
  font-size:var(--fs-small);
}
.nodes-type-grid{
  margin-top:28px;
}
.nodes-type-card{
  border-top-width:6px;
}
.nodes-type-card--peach{
  border-top-color:var(--c-peach);
}
.nodes-type-card--lav{
  border-top-color:var(--c-lavender);
}
.nodes-type-card--honey{
  border-top-color:var(--c-honey);
}
.nodes-type-card--sea{
  border-top-color:var(--c-sea);
}
.nodes-type-card h3{
  margin-top:20px;
}
.nodes-type-card p:last-child,
.nodes-document .panel p:last-child{
  margin-bottom:0;
}
.nodes-document .panel h3{
  margin-top:0;
}
.nodes-document .panel p{
  color:var(--c-muted);
}
@media(max-width:768px){
  .nodes-page{
    padding-top:24px;
  }
  .nodes-intro{
    padding:32px 20px;
    border-radius:var(--r-card);
  }
  .nodes-intro h1{
    font-size:38px;
  }
  .nodes-intro__lede{
    font-size:var(--fs-body);
  }
  .nodes-document>section{
    padding-top:36px;
  }
}
@media(max-width:640px){
  .nodes-intro{
    padding:28px 16px;
  }
  .nodes-intro h1{
    font-size:clamp(28px,9vw,38px);
  }
  .nodes-intro__actions{
    gap:12px;
  }
}