/* Inner pages (privacy, thanks, 404) */
.page .site-header.is-static { position: sticky; margin-bottom: 0; }
.page__main { min-height: 60vh; padding: 72px 24px 96px; }

.prose { max-width: 720px; margin: 0 auto; color: var(--ink); }
.prose h1 { margin: 0 0 8px; font-size: 1.6rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.prose h1 + p em { color: var(--muted); font-style: normal; font-size: .9rem; }
.prose h2 { margin: 48px 0 12px; font-size: 1.05rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.prose p, .prose li { font-size: 1rem; line-height: 1.75; }
.prose p { margin: 0 0 14px; }
.prose ul { margin: 0 0 18px; padding-left: 1.2em; }
.prose li { margin: 4px 0; }
.prose li::marker { color: var(--sage); }
.prose strong { font-weight: 600; }
.prose__back { margin-top: 48px; }

.note { max-width: 560px; margin: 4vh auto 0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.note h1 { margin: 8px 0 0; font-size: 1.35rem; font-weight: 600; letter-spacing: .14em; }
.note p { margin: 0; color: var(--muted); line-height: 1.75; }
.note [data-for] { display: flex; flex-direction: column; gap: 14px; }
.note [hidden] { display: none; }
.note .btn { margin-top: 8px; }

@media (max-width: 640px) { .page__main { padding: 48px 16px 72px; } }
body.page { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
body.page .page__main { flex: 1 0 auto; }
.note__alt { margin-top: 28px; padding-top: 24px; border-top: 1px solid #E3E9E7; display: flex; flex-direction: column; gap: 10px; }
.note__alt h2 { margin: 0; font-size: 1rem; font-weight: 600; letter-spacing: .14em; color: var(--ink); }
.note[data-thanks] [data-for] p { color: var(--sage); font-weight: 500; }

/* Statistics on/off choice (privacy page) */
.stats-choice { margin: 6px 0 22px; padding: 16px 18px; border-left: 3px solid var(--sage); background: var(--mist); }
.stats-choice p { margin: 0; }
.stats-choice button { margin-top: 10px; padding: 9px 16px; border: 1px solid var(--ink); border-radius: 3px; background: #fff; color: var(--ink); font: inherit; font-size: .85rem; letter-spacing: .06em; cursor: pointer; }
.stats-choice button:hover { background: var(--ink); color: #fff; }
