/* Directory, tool pages, lead pages, legal pages. Requires tokens.css + components.css. */
.page-hero{position:relative;isolation:isolate;margin-top:calc(-1 * (var(--nav-h) + 20px));padding:calc(var(--nav-h) + 20px + clamp(20px,4vw,40px)) var(--gutter) clamp(14px,2.2vw,22px);text-align:center;overflow:hidden}
.page-hero h1{max-width:820px;margin:0 auto;font-size:clamp(30px,6vw,52px)}
.page-hero .eyebrow{margin-bottom:8px;color:var(--fg)}
.page-hero .lead{max-width:600px;margin:14px auto 0;font-size:clamp(16px,2.2vw,18px);color:var(--fg)}
.page-hero .cta-row{margin-top:20px}
.page-hero--short{padding-bottom:clamp(14px,2vw,22px)}
.back{margin-bottom:16px}

.block{padding-block:var(--section-y)}
.page-hero + .block{padding-top:clamp(6px,1.5vw,14px)}
.block h2{margin-bottom:clamp(16px,2.5vw,24px)}
.block--tight{padding-top:0}
.split{display:grid;gap:clamp(24px,4vw,40px)}
@media (min-width:820px){.split{grid-template-columns:1fr 1fr;gap:64px}}
.split .eyebrow{margin-bottom:6px}
.who{max-width:46ch;font-size:18px;color:var(--muted)}
.note{max-width:68ch;margin-top:20px;color:var(--muted)}
.cards--directory .card{height:100%}

.steps{list-style:none;counter-reset:step;display:grid;gap:18px}
.steps li{counter-increment:step;position:relative;padding-left:54px}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ch);color:#fff;font-weight:700}
:root[data-theme="dark"] .steps li::before{background:var(--sky);color:var(--ch)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .steps li::before{background:var(--sky);color:var(--ch)}}
.steps h3{margin-bottom:2px}
.steps p{color:var(--muted)}
.related-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px}

/* Long-form text (terms, privacy) */
.prose{max-width:720px;padding-block:clamp(16px,3vw,28px) clamp(40px,6vw,72px)}
.prose h2{margin:32px 0 10px;font-size:22px;letter-spacing:-.01em}
.prose p,.prose li{color:var(--muted);line-height:1.7}
.prose p{margin-bottom:12px}
.prose ul{margin:0 0 12px;padding-left:22px;display:grid;gap:8px}
.prose a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.prose-note{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-weight:600;color:var(--fg)!important}