/* Shared by /privacy and /terms. Tokens mirror the landing page's :root. */
:root{
  --ink-900:#0c1c38; --ink-700:#1d3053; --teal-600:#17708a;
  --mist-50:#f6f8fa; --line-200:#dbe3ea; --slate-500:#64748b;
  --font-display:"Bricolage Grotesque",system-ui,sans-serif;
  --font-body:"Instrument Sans",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-body);color:var(--ink-900);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--teal-600);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

header{border-bottom:1px solid var(--line-200)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink-900)}
.logo:hover{text-decoration:none}
.logo img{height:28px;width:auto}
.nav-links{display:flex;gap:24px;align-items:center;font-size:15px;font-weight:500}
.nav-links a{color:var(--ink-700)}
.nav-links a.btn{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:600;background:var(--ink-900);color:#fff}
.nav-links a.btn:hover{background:var(--ink-700);text-decoration:none}

.legal{max-width:760px;margin:0 auto;padding:64px 24px 88px}
.legal h1{font-family:var(--font-display);font-size:clamp(32px,4.5vw,44px);line-height:1.1;font-weight:750;letter-spacing:-.02em}
.legal .updated{margin-top:12px;font-size:14px;color:var(--slate-500)}
.legal .lede{margin-top:28px;font-size:18px;color:var(--ink-700)}
.legal h2{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.01em;margin:44px 0 12px}
.legal h3{font-size:16.5px;font-weight:650;margin:22px 0 6px}
.legal p,.legal li{font-size:16px;color:var(--ink-700)}
.legal p+p{margin-top:12px}
.legal ul{margin:10px 0 0 22px;display:grid;gap:8px}
.legal strong{color:var(--ink-900);font-weight:600}
.legal code{font-size:14px;background:var(--mist-50);border:1px solid var(--line-200);border-radius:5px;padding:1px 5px}

footer{border-top:1px solid var(--line-200);padding:40px 0;font-size:14px;color:var(--slate-500)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}

@media(max-width:600px){
  .nav-links a.hide-m{display:none}
  .legal{padding:44px 16px 64px}
  .wrap{padding:0 16px}
}