/*
 * Legal pages — calm, readable, no JavaScript required. Deliberately its own
 * small stylesheet: /privacy, /terms and /cookies must render fully without the
 * landing page's motion system or any consent decision.
 */
:root { --ink:#232833; --ink-2:#4a5160; --ink-3:#8b93a3; --navy:#0e1219; --blue:#1265f2; --paper:#f7f8f5; --line:rgba(14,18,25,.1); }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased; }
.legal-top { background:var(--navy); }
.legal-top a { display:flex; align-items:center; gap:11px; max-width:720px; margin:0 auto;
  padding:18px 24px; color:#f4f6fa; text-decoration:none; }
.legal-top b { font-size:1.02rem; letter-spacing:.2px; }
.legal-top span { font-size:.66rem; letter-spacing:1.7px; color:#8b93a3; text-transform:uppercase; }
main { max-width:720px; margin:0 auto; padding:44px 24px 90px; }
h1 { font-size:2rem; line-height:1.2; color:var(--navy); margin:0 0 6px; letter-spacing:-.01em; }
.updated { color:var(--ink-3); font-size:.82rem; margin:0 0 34px; }
h2 { font-size:1.12rem; color:var(--navy); margin:38px 0 10px; letter-spacing:-.005em; }
h3 { font-size:.98rem; color:var(--navy); margin:24px 0 6px; }
p, li { color:var(--ink); } p { margin:0 0 14px; } ul { margin:0 0 14px; padding-left:20px; } li { margin-bottom:6px; }
a { color:var(--blue); } .lede { font-size:1.06rem; color:var(--ink-2); margin-bottom:26px; }
.flag { background:#fff6e5; border-left:3px solid #e0a02a; padding:11px 14px; margin:0 0 16px; font-size:.9rem; border-radius:0 8px 8px 0; }
.flag b { color:#8a6100; }
table { width:100%; border-collapse:collapse; margin:0 0 18px; font-size:.86rem; display:block; overflow-x:auto; }
th, td { text-align:left; padding:9px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--navy); font-size:.76rem; text-transform:uppercase; letter-spacing:.6px; white-space:nowrap; }
.note { background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px 18px; margin:0 0 18px; }
footer { border-top:1px solid var(--line); margin-top:54px; padding-top:20px; color:var(--ink-3); font-size:.84rem;
  display:flex; flex-wrap:wrap; gap:8px; }
footer a, .ck-btn { appearance:none; -webkit-appearance:none; color:var(--blue); background:none; border:0; padding:0;
  font:inherit; font-weight:600; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
footer a:hover, .ck-btn:hover { color:#4b86e8; }
footer a:focus-visible, .ck-btn:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:2px; }
@media (max-width:600px){ main{padding:32px 20px 70px;} h1{font-size:1.6rem;} }