/* Shared styles for the legal pages (terms, privacy, responsible AI).
   Tokens mirror index.html so the pages read as the same product; only the
   typography primitives are duplicated, not the landing's components. */
:root{
  --navy:#0B1D3A; --navy-800:#16304F;
  --blue:#1E90FF; --blue-700:#0C5AAD; --blue-50:#E9F4FF;
  --cyan:#27C2FF; --green:#6AD64B;
  --mist:#F3F6FA; --paper:#FBFCFE; --white:#fff;
  --ink:#0B1D3A; --muted:#5A6E88; --faint:#8094AC;
  --line:#E3E9F0; --line-strong:#CAD5E2;
  --shadow-md:0 2px 4px rgba(11,29,58,.05), 0 6px 16px rgba(11,29,58,.09);
  --r-sm:8px; --r-md:12px; --r-lg:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.68;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Sora',system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.02em}
img,svg{display:block;max-width:100%}
::selection{background:#CFE7FF;color:var(--navy)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.wrap{max-width:820px;margin:0 auto;padding:0 24px}

/* ------------------------------------------------------------- header */
.top{border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.top-in{display:flex;align-items:center;gap:16px;height:62px;max-width:1120px;margin:0 auto;padding:0 24px}
.top-in img{height:26px;width:auto}
.top-in .spacer{margin-left:auto}
.top-in a.home{font-size:14px;color:var(--muted);text-decoration:none}
.top-in a.home:hover{color:var(--navy)}
.langs{display:flex;gap:2px;border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}
.langs button{border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 10px;cursor:pointer}
.langs button[aria-pressed="true"]{background:var(--blue);color:#fff}

/* --------------------------------------------------------------- doc */
.doc{padding:56px 0 80px}
.doc h1{font-size:clamp(30px,4.4vw,42px)}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-700);margin-bottom:12px}
.dates{margin-top:14px;font-size:13.5px;color:var(--faint)}
.lead{margin-top:22px;font-size:17px;color:var(--muted)}

.doc h2{font-size:21px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.doc h3{font-size:16px;margin-top:26px;font-weight:600}
.doc p{margin-top:14px;font-size:15.5px}
.doc ul,.doc ol{margin-top:14px;padding-left:22px}
.doc li{margin-top:8px;font-size:15.5px}
.doc a{color:var(--blue-700)}
.doc strong{font-weight:600}

/* A claim the rest of the document must never contradict. */
.pin{margin-top:22px;border-left:3px solid var(--blue);background:var(--blue-50);border-radius:0 var(--r-md) var(--r-md) 0;padding:16px 20px}
.pin p{margin-top:0;font-size:15.5px}
.pin p + p{margin-top:10px}

.toc{margin-top:30px;background:var(--mist);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px}
.toc p{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.toc ol{margin:0;padding-left:20px}
.toc li{margin-top:5px;font-size:14.5px}

table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--mist);font-weight:600}

/* ------------------------------------------------------------- footer */
.foot{border-top:1px solid var(--line);background:var(--paper);padding:30px 0;margin-top:40px}
.foot-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;font-size:13.5px;color:var(--muted)}
.foot-in a{color:var(--muted);text-decoration:none}
.foot-in a:hover{color:var(--navy)}
.foot-in .spacer{margin-left:auto}

@media (max-width:640px){
  .doc{padding:36px 0 60px}
  .top-in{gap:10px}
  .top-in a.home{display:none}
}
