/* Text pages (privacy, terms, support, 404). Same tokens as index.html. */
:root {
  --bg: #f8f6f1; --bg-2: #ffffff; --fg: #16303f; --fg-2: #4a5c67; --muted: #7a8a93; --line: #dcd9d0;
  --navy: #1c3a4f; --teal: #2a7f7a; --gold: #c9a14a; --gold-soft: #f4ead2;
  --serif: "Source Serif 4", Georgia, serif; --sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --radius: 10px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f2230; --bg-2: #16303f; --fg: #e8eef0; --fg-2: #b8c6cc; --muted: #86979f; --line: #2b4454;
    --navy: #dfe9ee; --teal: #5fb8b1; --gold: #d9b66a; --gold-soft: #3b3320;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0f2230; --bg-2: #16303f; --fg: #e8eef0; --fg-2: #b8c6cc; --muted: #86979f; --line: #2b4454;
  --navy: #dfe9ee; --teal: #5fb8b1; --gold: #d9b66a; --gold-soft: #3b3320;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--sans); font-size: 18px; line-height: 1.6; padding-inline: 16px; }
a { color: var(--teal); }
.wrap { max-width: 760px; margin: 0 auto; }
header { padding-block: 20px; border-bottom: 1px solid var(--line); }
header a { display: inline-block; background: #ffffff; border-radius: var(--radius); padding: 6px 12px; border: 1px solid var(--line); }
header img { display: block; width: 200px; max-width: 100%; height: auto; }
main { padding-block: 40px 56px; }
h1, h2 { font-family: var(--serif); color: var(--navy); font-weight: 600; line-height: 1.15; }
h1 { font-size: clamp(32px, 5vw, 44px); margin: 0 0 8px; }
h2 { font-size: 24px; margin: 36px 0 8px; }
p, li { color: var(--fg-2); }
.updated { color: var(--muted); font-size: 15px; margin-bottom: 28px; }
footer { border-top: 1px solid var(--line); padding-block: 22px 40px; font-size: 14px; color: var(--muted); }
footer a { color: var(--muted); }