/* Shared styles for the static /legal pages. Tokens match index.html. */
:root{
  --blue:#1D3FE8;
  --black:#0B0B12;
  --tint:#F3F4F8;
  --ink:#0B0B12;
  --ink-secondary:#54545F;
  --muted:#8A8A96;
  --border:rgba(11,11,18,0.10);
  --radius:16px;
  --font-head:'Fredoka',system-ui,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:var(--font-body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.65;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.2;letter-spacing:-0.01em;margin:0 0 0.5em;}
.container{max-width:1120px;margin:0 auto;padding:0 24px;}

.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1120px;margin:0 auto;gap:16px;}
.logo{font-family:var(--font-head);font-weight:700;font-size:1.35rem;color:var(--ink);display:flex;align-items:center;gap:8px;}
.logo:hover{text-decoration:none;}
.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.nav-links a{color:var(--ink);font-weight:500;font-size:0.95rem;}
.nav-links a:hover,.nav-links a.active{color:var(--blue);text-decoration:none;}

.legal{max-width:760px;margin:0 auto;padding:48px 24px 16px;}
.legal h1{font-size:clamp(1.8rem,3.5vw,2.4rem);}
.legal h2{font-size:1.35rem;margin-top:2.2em;padding-top:0.4em;}
.legal h3{font-size:1.05rem;font-family:var(--font-body);margin-top:1.6em;}
.legal p,.legal li{color:var(--ink-secondary);}
.legal li{margin-bottom:0.5em;}
.legal strong{color:var(--ink);}
.updated{color:var(--muted);font-size:0.9rem;}
.summary{background:var(--tint);border-radius:var(--radius);padding:20px 24px;margin:24px 0;}
.summary h2{margin-top:0;padding-top:0;font-size:1.1rem;}
.summary ul{margin:0;padding-left:20px;}
.toc{border:1px solid var(--border);border-radius:var(--radius);padding:18px 24px;margin:24px 0;}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px;}
@media (max-width:600px){.toc ol{columns:1;}}
.callout{border-left:3px solid var(--blue);background:var(--tint);padding:14px 18px;border-radius:0 10px 10px 0;margin:16px 0;}
.doc-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;}
@media (max-width:600px){.doc-cards{grid-template-columns:1fr;}}
.doc-card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:22px;color:var(--ink);}
.doc-card:hover{border-color:var(--blue);text-decoration:none;}
.doc-card h2{margin:0 0 6px;padding:0;font-size:1.2rem;}
.doc-card p{margin:0;font-size:0.92rem;}

footer{background:var(--black);color:#C7CAE0;padding:48px 0;margin-top:80px;}
footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer a{color:#C7CAE0;}
footer .foot-links{display:flex;gap:20px;flex-wrap:wrap;}