/* Shared look for the plain pages (privacy, terms, not found): the app's colours and type, one readable column */
:root {
  --paper: #f3f4f8; --surface: #ffffff; --ink: #18213a; --muted: #5d6680; --line: #dfe3ee; --accent: #946512;
  --display: "IM Fell Great Primer", "Iowan Old Style", Georgia, serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #0e1322; --surface: #161d31; --ink: #e6e9f2; --muted: #98a1bb; --line: #2a334e; --accent: #e2b45a; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--display); font-size: 17px; line-height: 1.6; }
.bar { background: #161d31; padding: 18px 16px; }
.bar a { display: inline-flex; align-items: center; gap: 0.3em; color: #e6e9f2; text-decoration: none; font-size: 1.5rem; }
.bar svg { width: 0.56em; height: 0.84em; fill: #e2b45a; }
main { max-width: 680px; margin: 0 auto; padding: 28px 16px 48px; }
h1 { font-weight: 400; font-size: 2rem; line-height: 1.15; margin: 0 0 4px; }
h2 { font-weight: 400; font-size: 1.3rem; margin: 28px 0 6px; }
p, li { text-wrap: pretty; }
.updated { color: var(--muted); margin: 0 0 20px; }
a { color: var(--accent); }
footer { max-width: 680px; margin: 0 auto; padding: 0 16px 32px; display: flex; gap: 22px; font-size: 0.9rem; }
footer a { color: var(--muted); }