/* Shared style for the privacy and terms pages: same palette and header as the app. */
:root{--bg:#F3F5F8;--surface:#fff;--ink:#0F1B2D;--muted:#526072;--rule:#DDE3EA;--accent:#1F4E8C;
  --sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0B121C;--surface:#111A27;--ink:#E6ECF2;--muted:#9AA6B4;--rule:#233042;--accent:#7AA7E6}}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.top{background:#0F1B2D}
.top div{max-width:820px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.brand{font-weight:700;color:#fff;font-size:17px;margin-right:auto}
.top nav{display:flex;gap:16px}.top nav a{color:#AEB9C8}.top nav a:hover{color:#fff}
main{max-width:820px;margin:0 auto;padding:22px 16px 48px}
.crumbs{font-size:13px;color:var(--muted);margin:0 0 8px}.crumbs a{color:var(--muted)}
h1{font-size:30px;line-height:1.2;margin:0 0 4px}
h2{font-size:19px;margin:28px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
ul{padding-left:20px}li{margin:6px 0}
.muted{color:var(--muted)}.small{font-size:13px}
footer{max-width:820px;margin:0 auto;padding:16px 16px 36px;font-size:13px;color:var(--muted);border-top:1px solid var(--rule)}
@media (max-width:640px){h1{font-size:24px}h2{font-size:17px}main{padding:16px 14px 40px}}