/* Shared styling for the static informational pages (about / terms /
   privacy / disclaimer). Same visual language as landing.html; kept in one
   file so the four pages cannot drift apart. */
:root { --bg:#0b0f14; --panel:#121821; --line:#1e2733; --fg:#e6ebf2; --dim:#8a94a3;
        --faint:#5b6675; --acc:#3b9df0; --gold:#8ECAE6;   /* not gold: see SV-035 */
        --mono:ui-monospace,Menlo,monospace; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--acc); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px 60px; }
header { display:flex; align-items:center; gap:16px; padding:18px 0; }
header .logo { font-weight:700; font-size:18px; }
header .logo span { color:var(--acc); }
header nav { margin-left:auto; display:flex; gap:20px; font-size:14px; }
h1 { font-size:30px; margin:28px 0 6px; letter-spacing:-.01em; }
h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:#cfd7e2; }
li { margin:5px 0; }
.updated { color:var(--faint); font-size:13px; margin:0 0 8px; }
.callout { border-left:3px solid var(--gold); padding:10px 18px; margin:24px 0;
           background:var(--panel); border-radius:0 8px 8px 0; }
.callout b { color:var(--fg); }
.plain { color:var(--dim); font-size:14px; }
footer { border-top:1px solid var(--line); margin-top:48px; padding:24px 0 40px;
         font-size:13px; color:var(--faint); display:flex; gap:22px; flex-wrap:wrap; }