/* Privacy policy and terms: the app's colours, night by default like the app, day if the phone is in light mode. */
:root {
  --bg: #000; --panel: #1c1c1e; --ink: #f5f5f7; --muted: #98989d; --line: #38383a; --accent: #30d158; --link: #0a84ff;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --bg: #f5f5f7; --panel: #fff; --ink: #1d1d1f; --muted: #6e6e73; --line: #d2d2d7; --accent: #248a3d; --link: #0066cc; }
}
:root[data-theme="light"] { --bg: #f5f5f7; --panel: #fff; --ink: #1d1d1f; --muted: #6e6e73; --line: #d2d2d7; --accent: #248a3d; --link: #0066cc; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main {
  max-width: 720px; margin: 0 auto;
  padding: calc(24px + env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));
}
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
.back { margin: 0 0 28px; font-weight: 600; }
.back a { color: var(--accent); }
h1 { font-size: clamp(32px, 7vw, 44px); line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 6px; }
.updated { color: var(--muted); margin: 0 0 28px; font-size: 15px; }
.lead { font-size: 19px; }
h2 { font-size: 22px; letter-spacing: -0.01em; margin: 36px 0 10px; padding-top: 20px; border-top: 1px solid var(--line); }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
.foot { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 15px; }