/* The privacy policy and terms (public/privacy.html, public/terms.html): plain pages that load without the app, so
   Google, Facebook and search engines can read them. Colours follow the app's light and dark themes. */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;700&family=Fredoka:wght@600&display=swap');

:root { --bg: #F3F6FB; --fg: #1F2A44; --muted: #55617D; --heading: #4A2A1E; --link: #2E5FC7; --line: #D5DDEB; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121826; --fg: #E6ECF7; --muted: #A3AFC7; --heading: #E3C9B8; --link: #8DB0FF; --line: #2C3850; color-scheme: dark; }
}
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 'Atkinson Hyperlegible Next', system-ui, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 32px max(16px, env(safe-area-inset-left)) 64px; }
h1, h2 { font-family: Fredoka, system-ui, sans-serif; font-weight: 600; color: var(--heading); line-height: 1.2; text-wrap: balance; }
h1 { font-size: 2.2rem; margin: 8px 0 4px; }
h2 { font-size: 1.3rem; margin: 2em 0 0.4em; }
p, ul { margin: 0 0 1em; }
li { margin-bottom: 0.4em; }
a { color: var(--link); }
.back { margin: 0; font-size: 0.95rem; }
.back a { text-decoration: none; }
.updated, .also { color: var(--muted); font-size: 0.95rem; }
.also { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid var(--line); }