/* Shared style for the text pages (privacy, support). Matches the timer's palette. */
:root { --bg:#14161a; --fg:#f3f4f6; --muted:#9aa0a6; --accent:#ef6351; --card:#1e2127; }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:var(--fg);
  font-family:-apple-system, system-ui, Roboto, sans-serif; line-height:1.55; }
main { max-width:640px; margin:0 auto;
  padding: calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 40px); }
h1 { font-size:26px; margin:16px 0 4px; }
h2 { font-size:17px; margin:28px 0 6px; }
p, li { font-size:16px; color:#d9dce0; }
ul { padding-left:20px; }
.meta { color:var(--muted); font-size:14px; margin:0 0 8px; }
a { color:var(--accent); }
.back { display:inline-block; text-decoration:none; color:var(--muted); font-size:15px; padding:8px 0; }
.card { background:var(--card); border-radius:14px; padding:4px 18px; margin:20px 0; }
footer { margin-top:36px; color:var(--muted); font-size:14px; }