.nodes-intro{
  position:relative;
  max-width:calc(var(--wrap) + var(--gutter)*2);
  background:radial-gradient(ellipse at 85% 20%,rgba(var(--sun-rgb),.7),rgba(var(--sun-rgb),0) 60%);
}
.nodes-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
  gap:56px;
  align-items:center;
}
.nodes-heading>*{min-width:0}
.nodes-heading h1{margin:18px 0 24px;max-width:14ch}
.nodes-eyebrow{
  margin:0 0 12px;
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--weight-bold);
  letter-spacing:.06em;
}
.nodes-summary{
  max-width:38em;
  color:var(--muted);
  font-size:var(--fs-lede);
}
.nodes-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.nodes-facts{position:relative;padding-top:32px}
.nodes-facts>p{font-size:var(--fs-small);color:var(--muted)}
.nodes-facts>strong{
  display:block;
  font-size:var(--fs-h3);
  font-weight:var(--weight-heavy);
  line-height:1.6;
}
.nodes-direction{
  position:absolute;
  right:28px;
  top:20px;
  color:var(--ink-2);
  font-family:var(--f-mono);
  font-size:var(--fs-h2);
}
.nodes-facts-note{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--border);
  font-size:var(--fs-small);
  color:var(--muted);
  overflow-wrap:anywhere;
}
.nodes-document{padding-bottom:24px}
.nodes-section-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-bottom:24px;
}
.nodes-section-head h2{margin:0}
.nodes-section-head>a{font-size:var(--fs-nav)}
.nodes-explanation{max-width:960px}
.nodes-table-hint{font-size:var(--fs-caption)}
.nodes-type-list{display:grid;gap:20px;margin-top:28px}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);
  gap:36px;
}
.nodes-type>*{min-width:0}
.nodes-type-label h3{margin:18px 0 0}
.nodes-type p:last-child{margin-bottom:0}
.nodes-use-layout{
  display:grid;
  grid-template-columns:minmax(240px,.4fr) minmax(0,1fr);
  align-items:start;
  gap:48px;
  margin-top:32px;
}
.nodes-use-layout>*{min-width:0}
.nodes-use-note{
  padding:20px;
  border-radius:var(--r-m);
  background:var(--panel-2);
}
.nodes-use-note .callout{margin-bottom:0}
.nodes-scenarios article{
  border-bottom:1px solid var(--border);
  padding-top:24px;
  padding-bottom:24px;
}
.nodes-scenarios article:first-child{padding-top:0}
.nodes-scenarios article:last-child{border-bottom:0;padding-bottom:0}
.nodes-scenarios h3{margin-top:0}
.nodes-scenarios p:last-child{margin-bottom:0}
#verification .panel h3:first-child{margin-top:0}
#questions .faq-list{margin-top:28px}
@media(max-width:1000px){
  .nodes-heading{gap:28px;grid-template-columns:minmax(0,1fr) minmax(240px,.5fr)}
  .nodes-type{grid-template-columns:minmax(160px,.3fr) minmax(0,1fr);gap:24px}
  .nodes-use-layout{gap:28px}
}
@media(max-width:768px){
  .nodes-heading,.nodes-type,.nodes-use-layout{grid-template-columns:minmax(0,1fr)}
  .nodes-heading{gap:32px}
  .nodes-heading h1{max-width:none}
  .nodes-section-head{align-items:flex-start;flex-direction:column;gap:16px}
  .nodes-type{gap:20px}
  .nodes-use-note{max-width:100%}
}
@media(max-width:640px){
  .nodes-direction{right:22px}
  .nodes-use-note{padding:16px}
  .nodes-facts>strong{font-size:var(--fs-h3)}
}