:root { color-scheme: light; font-family: Manrope, Arial, sans-serif; color:#172033; background:#f4f6f8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; }
.legal-header { min-height:76px; padding:12px clamp(18px,4vw,56px); display:flex; align-items:center; justify-content:space-between; background:#111820; }
.legal-header img { display:block; width:170px; height:auto; }
.legal-home { color:#fff; text-decoration:none; font-weight:700; }
.legal-home:hover, .legal-home:focus-visible { text-decoration:underline; }
.legal-shell { width:min(1160px,calc(100% - 32px)); margin:34px auto 70px; display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start; }
.legal-nav { position:sticky; top:18px; display:grid; gap:7px; }
.legal-nav a { padding:11px 13px; border-radius:10px; color:#344054; text-decoration:none; font-size:14px; line-height:1.35; }
.legal-nav a:hover, .legal-nav a:focus-visible { background:#fff; }
.legal-nav a[aria-current="page"] { background:#172033; color:#fff; font-weight:700; }
.legal-card { background:#fff; border:1px solid #e4e7ec; border-radius:20px; padding:clamp(24px,5vw,56px); box-shadow:0 16px 45px rgba(17,24,32,.07); }
.legal-kicker { color:#be5b3b; font-weight:800; font-size:12px; letter-spacing:.12em; }
h1 { margin:8px 0 28px; font-size:clamp(28px,4vw,44px); line-height:1.12; }
.legal-body { white-space:pre-wrap; line-height:1.75; overflow-wrap:anywhere; }
@media (max-width:760px) {
  .legal-shell { grid-template-columns:1fr; margin-top:20px; }
  .legal-nav { position:static; display:flex; overflow-x:auto; padding-bottom:5px; }
  .legal-nav a { flex:0 0 200px; background:#fff; border:1px solid #e4e7ec; }
  .legal-header img { width:140px; }
}