/* ==========================================================================
   Simple pages (Privacy, Terms, 404) — builds on the tokens in styles.css
   ========================================================================== */
.back-link { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 1rem; border-radius: 999px; font-size: .9375rem; font-weight: 500; text-decoration: underline; text-underline-offset: .35em; transition: background-color .2s var(--ease); }
.back-link:hover { background: rgb(39 50 59 / .06); }

.page { padding: calc(var(--header-h) + clamp(2.5rem, 6vw, 4.5rem)) 0 clamp(4rem, 8vw, 6rem); }
.page-head { max-width: 46rem; }
.page-head .t-statement { margin-top: .75rem; }
.page-eyebrow { font-size: .875rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }
.page-meta { margin-top: 1.25rem; color: var(--ink-soft); font-size: .9375rem; }
.prose { max-width: 46rem; margin-top: clamp(2.5rem, 5vw, 3.5rem); padding-top: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--line); }
.prose h2 { margin-top: 2.5rem; font-family: var(--display); font-size: clamp(1.375rem, 2vw, 1.75rem); line-height: 1.2; letter-spacing: -.01em; }
.prose h2:first-child { margin-top: 0; }
.prose p, .prose ul { margin-top: .875rem; text-wrap: pretty; }
.prose ul { padding-left: 1.25rem; list-style: disc; }
.prose li + li { margin-top: .375rem; }
.prose a { text-decoration: underline; text-underline-offset: .3em; }
.prose strong { font-weight: 600; }

.not-found { min-height: 70vh; display: flex; align-items: center; }
.not-found .lede { margin-top: 1.25rem; }
.not-found .btn { margin-top: 2rem; }

.page-footer { border-top: 1px solid var(--line); }
.page-footer .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1.5rem; padding-block: 1rem; font-size: .9375rem; color: var(--ink-soft); }
.page-footer ul { display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.page-footer a { display: inline-block; padding-block: .75rem; }
.page-footer a:hover { text-decoration: underline; }
@media (max-width: 39.99rem) { .back-link { padding: 0 .75rem; font-size: .875rem; } }
.inline-button { padding: 0; font-weight: inherit; text-decoration: underline; text-underline-offset: .3em; }