/* Shared styles for the Terms and Privacy pages (same colors and fonts as the homepage). */
:root { --bg: #F1F3F7; --ink: #111725; --muted: #4A5468; --line: #D9DEE8; --accent: #2B47F0;
  --display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif; --body: "Figtree", "Helvetica Neue", system-ui, sans-serif; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #0E121B; --ink: #EEF1F7; --muted: #A9B2C6; --line: #2A3243; --accent: #6F86FF; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.65 var(--body); }
header, main { max-width: 760px; margin-inline: auto; padding-left: max(18px, env(safe-area-inset-left)); padding-right: max(18px, env(safe-area-inset-right)); }
header { padding-block: 18px; border-bottom: 1px solid var(--line); }
.logo { font: 700 1.1rem/1 var(--display); display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; }
.logo svg { width: 32px; height: 22px; } .logo b { color: var(--accent); }
main { padding-block: 32px 60px; }
h1 { font: 800 clamp(2rem, 6vw, 2.8rem)/1.1 var(--display); letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font: 800 1.35rem/1.2 var(--display); margin: 32px 0 8px; }
p, li { color: var(--ink); }
.updated { color: var(--muted); margin-top: 0; }
ul { padding-left: 22px; } li { margin: 6px 0; }
a { color: var(--accent); }
.back { margin-top: 40px; color: var(--muted); }