/* Shared styling for the standalone legal pages (Privacy Policy, Terms of
   Use) — same fonts/colors as index.html, deliberately lighter-weight than
   the comparison page's design polish (NEXTUP.md §2). */
:root{
  --ink:#000000;
  --paper:#ffffff;
  --text:#14171a;
  --text-dim:#5b625f;
  --text-mute:#656565;
  --accent:#C0FF6B;
  --line:#ececec;
  --line-strong:#d5d5d5;
  --font:'Poppins',sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--paper);}
.wrap{max-width:760px;margin:0 auto;padding:0 32px;}
a{color:inherit;}

header{background:var(--ink);}
.headbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;max-width:760px;margin:0 auto;padding-left:32px;padding-right:32px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-mark{width:30px;height:30px;border-radius:7px;flex-shrink:0;display:block;}
.logo-word{font-weight:700;font-size:17px;letter-spacing:-0.01em;color:#fff;}
.headbar nav a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:13px;}
.headbar nav a:hover{color:#fff;}

.legal{padding:56px 0 64px;}
.legal .draft-note{font-size:12px;color:var(--text-mute);margin-bottom:28px;padding:12px 14px;background:#faf9f4;border:1px solid var(--line-strong);border-radius:8px;}
.legal h1{font-size:32px;margin:0 0 6px;letter-spacing:-0.01em;}
.legal .updated{font-size:13px;color:var(--text-mute);margin-bottom:32px;}
.legal h2{font-size:18px;margin:32px 0 10px;}
.legal p, .legal li{font-size:14px;line-height:1.7;color:var(--text-dim);}
.legal ul{padding-left:20px;}
.legal strong{color:var(--text);}

footer{padding:32px 0;background:var(--ink);color:rgba(255,255,255,0.5);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;font-size:12px;flex-wrap:wrap;gap:10px;}
footer a{text-decoration:none;color:rgba(255,255,255,0.5);}
footer a:hover{color:#fff;}