:root {
  color-scheme: light;
  --navy:#082b53;
  --navy-deep:#041d38;
  --teal:#0d6f75;
  --gold:#e8ae2b;
  --ink:#142334;
  --muted:#5d6d7d;
  --line:#d9e3ec;
  --bg:#f4f8fb;
  --card:#ffffff;
}
* { box-sizing: border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--ink); line-height:1.65; }
a { color:var(--teal); }
.legal-shell { width:min(900px, calc(100% - 32px)); margin:0 auto; padding:32px 0 64px; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.legal-brand { display:flex; align-items:center; gap:12px; color:var(--navy); text-decoration:none; font-weight:800; }
.legal-brand img { width:42px; height:42px; }
.legal-back { font-weight:700; text-decoration:none; }
.legal-hero { background:linear-gradient(135deg,var(--navy-deep),var(--navy)); color:#fff; padding:30px; border-radius:18px; margin-bottom:20px; }
.legal-hero h1 { margin:0 0 8px; font-size:clamp(1.8rem,4vw,2.6rem); }
.legal-hero p { margin:0; color:#d7e7f6; }
.legal-card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; margin:14px 0; box-shadow:0 10px 28px rgba(8,43,83,.06); }
.legal-card h2 { color:var(--navy); margin-top:0; font-size:1.18rem; }
.legal-card h3 { color:var(--navy); }
.legal-card ul { padding-left:1.25rem; }
.legal-meta { color:var(--muted); font-size:.93rem; }
.legal-callout { border-left:4px solid var(--gold); background:#fff8df; padding:14px 16px; border-radius:0 10px 10px 0; }
.legal-footer { color:var(--muted); text-align:center; font-size:.9rem; margin-top:28px; }
@media (max-width:620px) { .legal-shell { width:min(100% - 22px,900px); padding-top:18px; } .legal-header { align-items:flex-start; flex-direction:column; } .legal-card,.legal-hero { padding:20px; } }