/* legal.css — shared by privacy.html and terms.html. Tokens match index.html. */
@font-face { font-family: Saibil; src: url("assets/fonts/Manrope.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }
:root { --navy:#0a1626; --navy-2:#0f1c30; --blue:#0066ff; --blue-2:#7db3ff; --paper:#f5f6f8; --ink:#192333; --muted:#5b6573; --line:#d7dde5; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font-family:Saibil,Arial,sans-serif; line-height:1.6; background:#fff; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { display:block; max-width:100%; }
.shell { width:min(1240px,calc(100% - 64px)); margin:auto; }
header { background:var(--navy); color:#fff; }
.nav { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.nav img { width:210px; }
.nav-links { display:flex; align-items:center; gap:26px; font-size:13px; font-weight:600; }
.nav-links a { color:#cfd6e2; text-decoration:none; }
.nav-links a:hover { color:#fff; }
.nav-links .button { display:inline-flex; align-items:center; min-height:40px; padding:9px 15px; background:var(--blue); color:#fff; font-size:14px; font-weight:800; }
.nav-links .button:hover { background:#0059e0; }
.legal { padding:72px 0 96px; }
.doc { max-width:760px; }
.legal .eyebrow { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; margin:0; }
.legal h1 { margin:14px 0 10px; font-size:clamp(38px,5vw,56px); line-height:1.05; font-weight:800; letter-spacing:-0.01em; }
.legal .updated { color:var(--muted); font-size:14px; margin:0 0 36px; }
.summary { background:var(--paper); border-left:3px solid var(--blue); padding:22px 26px; margin:0 0 40px; }
.summary p { margin:0; font-size:17px; font-weight:600; }
.summary ul { margin:12px 0 0; padding-left:20px; }
.summary li { font-size:16px; }
.legal h2 { margin:44px 0 12px; font-size:24px; line-height:1.2; font-weight:800; }
.legal p, .legal li { font-size:16.5px; color:#26303f; }
.legal p { margin:0 0 14px; }
.legal ul { margin:0 0 14px; padding-left:22px; }
.legal li + li { margin-top:6px; }
.legal a { color:var(--blue); text-underline-offset:2px; }
.table-wrap { overflow-x:auto; margin:8px 0 18px; }
.legal table { border-collapse:collapse; width:100%; min-width:560px; }
.legal th, .legal td { text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid var(--line); font-size:15px; }
.legal th { font-size:12px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); border-bottom:2px solid var(--ink); }
footer { background:var(--navy-2); color:#8f9bad; padding:40px 0; font-size:13px; }
footer .shell { display:flex; justify-content:space-between; gap:32px; align-items:flex-start; flex-wrap:wrap; }
footer .brand { color:#eaf0fa; font-weight:600; }
footer .disclaimer { max-width:600px; line-height:1.6; margin:0; }
footer .legal-links { display:flex; gap:20px; margin-top:10px; }
footer .legal-links a { color:#cfd6e2; text-underline-offset:3px; }
footer .legal-links a:hover, footer .legal-links a[aria-current="page"] { color:#fff; }
@media (max-width:760px) {
  .shell { width:min(100% - 40px,1240px); }
  .nav { min-height:72px; }
  .nav img { width:165px; }
  .nav-links a:not(.button) { display:none; }
  .legal { padding:48px 0 72px; }
}
.lang-switch { display:flex; gap:0; margin:0 0 32px; border:1px solid var(--line); width:max-content; }
.lang-switch button { font:inherit; font-size:14px; font-weight:700; padding:9px 18px; border:0; background:#fff; color:var(--muted); cursor:pointer; }
.lang-switch button[aria-pressed="true"] { background:var(--navy); color:#fff; }