.page-hero{background:var(--cream);padding:38px 0 96px}
.page-hero .container{max-width:1200px}
.page-hero h1{max-width:990px;margin:32px 0 26px;font:400 clamp(3.15rem,6.3vw,6.5rem)/1.1 Georgia,serif;letter-spacing:-.052em}
.page-hero .lead{max-width:750px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.77rem;color:var(--muted);margin-bottom:65px}
.breadcrumb a{color:var(--brand-purple)}
.slim{padding:90px 0}
.page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-card{padding:35px;background:var(--cream);border-top:3px solid var(--gold);display:flex;flex-direction:column;min-height:320px}
.page-card h2{font-size:2rem}
.page-card p:not(.eyebrow){color:var(--muted)}
.page-card a{margin-top:auto;font-weight:700;text-underline-offset:5px}
.page-cards.resources{grid-template-columns:repeat(2,1fr)}
.tag{font-size:.8rem;color:var(--muted);margin-top:auto}
.prose-grid{display:grid;grid-template-columns:.38fr .62fr;gap:90px;align-items:start}
.aside{position:sticky;top:120px}
.aside h2{font-size:clamp(2.2rem,3.8vw,3.5rem)}
.prose{max-width:760px}
.prose h2{font-size:2.25rem;scroll-margin-top:105px;margin:40px 0 18px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.5rem;font-family:Georgia,serif;margin:35px 0 12px}
.prose p,.prose li{color:var(--muted);font-size:1.04rem;line-height:1.85}
.prose li{margin:7px 0}
.prose ul,.prose ol{padding-left:1.5em;margin-bottom:30px}
.prose a{font-weight:700;text-underline-offset:5px;color:var(--brand-purple)}
.note,.example{background:var(--accent-soft);border-left:4px solid var(--gold);padding:26px;margin-top:30px}
.note p,.example p{margin:10px 0 0}
.example ol{margin-bottom:0}
.toc{display:grid;gap:10px;margin-top:22px}
.toc a{font-size:.91rem;text-underline-offset:4px}
.page-cta{background:var(--ink);color:var(--surface);padding:70px 0;text-align:center}
.page-cta h2{font-size:clamp(2.3rem,4vw,4rem);margin:18px 0}
.page-cta em{color:var(--brand-yellow)}
.page-cta p:not(.eyebrow){color:var(--on-dark);max-width:600px;margin:0 auto 25px}
.page-cta .button{display:inline-flex}
.footer a{color:inherit}
@media(max-width:950px){.page-cards{grid-template-columns:1fr 1fr}
.prose-grid{grid-template-columns:1fr;gap:24px}
.aside{position:static}
.breadcrumb{margin-bottom:43px}}
@media(max-width:650px){.page-hero{padding:22px 0 62px}
.page-hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}
.slim{padding:65px 0}
.page-cards,.page-cards.resources{grid-template-columns:1fr}
.page-card{min-height:240px}
.page-cta{padding:60px 0}
.breadcrumb{margin-bottom:34px}}