/* The plain pages (privacy, help): same colors as the app, a page that scrolls. */
:root { --bg: #f6f4f0; --ink: #1d1d1b; --muted: #8a867d; --line: #e4e0d8; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: #151515; --ink: #ecebe7; --muted: #7d7a74; --line: #2c2c2a; } }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased;
}
main { max-width: 38rem; margin: 0 auto; padding: max(1.5rem, env(safe-area-inset-top)) 1.25rem 3rem; }
h1 { font-weight: 500; font-size: 1.6rem; margin: 1.5rem 0 .3rem; }
h2 { font-weight: 500; font-size: 1.1rem; margin: 2rem 0 .5rem; }
a { color: inherit; }
ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }
.muted { color: var(--muted); margin-top: 0; }