/**
 * @title Readable Privacy Styles
 * @file css/privacy.css
 * @purpose Styles the shared privacy notice and its link on the closed page.
 * @created 2026-07-18
 * @updated 2026-07-18
 */

:root {
  color-scheme: light dark;
  --privacy-canvas: oklch(99.11% 0 none);
  --privacy-text: oklch(36% 0 none);
  font-family: var(--font-body);
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--privacy-text); background: var(--privacy-canvas); }
main { width: min(720px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 80px; }
.wordmark, .wordmark picture, .wordmark img { display: block; }
.wordmark img { width: auto; height: 28px; }
h1, h2 { font-family: var(--font-heading); line-height: 1.08; }
h1 { margin: 64px 0 28px; font-size: clamp(40px, 7vw, 56px); }
h2 { margin: 38px 0 12px; font-size: 28px; }
p { margin: 0; font-size: 18px; line-height: 1.65; }
a { color: inherit; text-underline-offset: .18em; }
@media (prefers-color-scheme: dark) {
  :root {
    --privacy-canvas: oklch(26.03% 0 none);
    --privacy-text: oklch(92.49% 0 none);
  }
}