/* The static policy pages (/privacy, /terms): the app's header and colours without the app. They are plain files on
   purpose, readable without JavaScript (Google's sign-in review reads /privacy). Tokens mirror src/index.css. */
@font-face { font-family: "Newsreader"; src: url("/fonts/Newsreader-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url("/fonts/Newsreader-Italic-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("/fonts/SourceSans3-Variable.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
:root { color-scheme: light dark; --surface: #f6f2e9; --raised: #fffdf8; --line: #ddd5c4; --ink: #1e1d1a; --muted: #5b5549; --accent: #1f5e5b; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --surface: #181715; --raised: #221f1c; --line: #34312b; --ink: #eee8dc; --muted: #aca494; --accent: #7cc2b8; } }
[data-theme="dark"] { --surface: #181715; --raised: #221f1c; --line: #34312b; --ink: #eee8dc; --muted: #aca494; --accent: #7cc2b8; }
body { margin: 0; background: var(--surface); color: var(--ink); font: 17px/1.6 "Source Sans 3", "Segoe UI", system-ui, sans-serif; }
.app-header { position: sticky; top: 0; height: 56px; box-sizing: border-box; border-bottom: 1px solid var(--line); background: var(--surface); }
.app-header-in { display: flex; align-items: center; height: 100%; max-width: 1440px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.app-home { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink); text-decoration: none; border-radius: 4px; }
.app-home span { font: 500 22px/1 Newsreader, "Iowan Old Style", Georgia, serif; letter-spacing: -.01em; white-space: nowrap; }
.app-home em { font-style: italic; font-weight: 450; }
.mark-ground { fill: var(--raised); } .mark-ink { fill: var(--ink); } .mark-accent { fill: var(--accent); } .mark-rule { fill: none; stroke: var(--ink); stroke-width: 1; }
main { max-width: 40rem; margin: 0 auto; padding: 32px 16px 48px; }
h1, h2 { font-family: Newsreader, "Iowan Old Style", Georgia, serif; font-weight: 500; }
h1 { font-size: 2rem; line-height: 1.2; } h2 { margin-top: 2rem; font-size: 1.25rem; }
p, li { text-wrap: pretty; }
a { color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
footer { margin-top: 3rem; font-size: .9rem; color: var(--muted); }
@media (min-width: 769px) { .app-header-in { padding: 0 24px; } main { padding-top: 48px; } }