.nodes-page {
  padding-bottom:32px;
}
.nodes-intro {
  max-width:960px;
}
.nodes-eyebrow {
  margin-bottom:24px;
  font-size:var(--text-xs);
  letter-spacing:.12em;
  color:var(--muted);
}
.nodes-title-soft {
  font-family:var(--font-display);
  font-weight:var(--weight-normal);
  color:var(--muted);
}
.nodes-lead {
  max-width:720px;
  margin-top:28px;
  font-size:var(--text-lg);
  line-height:1.85;
  color:var(--muted);
}
.nodes-lead strong {
  color:var(--text);
  font-weight:var(--weight-semibold);
}
.nodes-facts {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.nodes-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
.nodes-caption {
  max-width:680px;
  margin-top:20px;
  color:var(--muted);
  font-size:var(--text-sm);
}
.nodes-copy {
  max-width:900px;
}
.nodes-region-tables {
  margin-top:32px;
}
.nodes-table-note {
  margin-top:28px;
}
.nodes-section-lead {
  max-width:820px;
  margin-bottom:32px;
  color:var(--muted);
  line-height:1.9;
}
.nodes-type-list {
  display:grid;
  gap:24px;
}
.nodes-type {
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(0,2.5fr);
  gap:40px;
  align-items:start;
}
.nodes-type-heading {
  padding-top:18px;
}
.nodes-type-heading p {
  margin-bottom:12px;
  font-size:var(--text-xs);
  letter-spacing:.08em;
}
.nodes-type .prose p {
  color:var(--muted);
}
.nodes-use-list {
  border-top:1px solid var(--border);
}
.nodes-use {
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(0,2.5fr);
  gap:40px;
  padding-top:28px;
  padding-bottom:28px;
  border-bottom:1px solid var(--border);
}
.nodes-use h3 {
  padding-top:20px;
  font-size:var(--title-md);
}
.nodes-use .prose {
  min-width:0;
}
.nodes-use .prose p {
  color:var(--muted);
}
.nodes-page > section:last-child .callout {
  margin-top:32px;
}
@media (max-width:768px) {
  .nodes-type,
  .nodes-use {
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .nodes-type-heading,
  .nodes-use h3 {
    padding-top:0;
  }
  .nodes-type .prose p:first-child,
  .nodes-use .prose p:first-child {
    margin-top:8px;
  }
  .nodes-lead {
    font-size:var(--text-base);
  }
}
@media (max-width:640px) {
  .nodes-eyebrow {
    letter-spacing:.06em;
    overflow-wrap:anywhere;
  }
  .nodes-actions {
    align-items:stretch;
  }
  .nodes-actions .btn {
    padding-inline:18px;
  }
}