/* Standalone pages: 404, thank-you, privacy. Shares tokens with styles.css. */
.page{min-height:100vh;display:flex;flex-direction:column}
.page__top{padding:22px 0;border-bottom:1px solid var(--line)}
.page__brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-family:var(--serif);font-size:1.25rem;text-decoration:none}
.page__main{flex:1;padding:72px 0 96px}
.page__wrap{max-width:760px}
.page__kicker{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:14px}
.page h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:20px}
.page h2{font-size:1.45rem;margin:40px 0 12px}
.page h3{font-size:1.1rem;margin:24px 0 8px;color:var(--gold-lt)}
.page p{color:var(--muted);line-height:1.7;margin-bottom:14px}
.page__lede{font-size:1.15rem;color:var(--text)}
.page__meta{font-family:var(--mono);font-size:.78rem;color:var(--steel-dk)}
.page__main a:not(.btn){color:var(--gold-lt);text-decoration:underline}
.page__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.page__foot{border-top:1px solid var(--line);padding:24px 0;font-size:.85rem;color:var(--steel-dk)}
.page__foot a{color:var(--muted);margin-left:14px}
@media(max-width:560px){.page__main{padding:48px 0 64px}.page__actions .btn{width:100%;justify-content:center}.page__foot a{display:inline-block;margin:6px 14px 0 0}}
