:root { color-scheme: light; --ink:#111a33; --muted:#56617a; --accent:#4054e8; --border:#dce2ee; --surface:#fff; --page:#f4f7fc; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--page); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.7; }
a { color:var(--accent); }
.legal-header { padding:28px 20px; color:#fff; background:#111a33; }
.legal-header__inner,.legal-main,.legal-footer__inner { width:min(900px,calc(100% - 40px)); margin:auto; }
.brand { color:#fff; font-size:1.15rem; font-weight:800; text-decoration:none; }
.legal-main { margin-top:36px; margin-bottom:36px; padding:clamp(24px,5vw,52px); border:1px solid var(--border); border-radius:20px; background:var(--surface); box-shadow:0 18px 45px rgba(27,39,76,.08); }
.eyebrow { color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:.35rem 0 1rem; font-size:clamp(2rem,5vw,3.25rem); line-height:1.12; }
h2 { margin:2rem 0 .55rem; font-size:1.3rem; line-height:1.3; }
p,li { color:var(--muted); }
ul,ol { padding-left:1.35rem; }
.updated,.notice { padding:14px 16px; border-radius:12px; background:#eef1ff; }
.legal-footer { padding:28px 20px; border-top:1px solid var(--border); background:#fff; }
.legal-footer__inner { display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:space-between; }
.legal-links { display:flex; flex-wrap:wrap; gap:10px 18px; }
@media (max-width:600px) { .legal-header__inner,.legal-main,.legal-footer__inner { width:min(100% - 24px,900px); } .legal-main { margin-top:18px; padding:22px 18px; border-radius:14px; } .legal-footer__inner { flex-direction:column; } }