* { box-sizing: border-box; margin: 0; padding: 0; }
:root { --navy:#002b5e; --blue:#0057a8; --ink:#1f2d3d; --muted:#607184; --line:#d8e3ee; }
body { font-family:"Segoe UI",Tahoma,sans-serif; color:var(--ink); background:#f2f6fa; line-height:1.65; }
.legal-nav { display:flex; align-items:center; gap:1rem; padding:1rem clamp(1rem,5vw,3rem); color:#fff; background:var(--navy); }
.legal-nav .brand { margin-right:auto; color:#fff; text-decoration:none; font-weight:850; }
.legal-nav a:not(.brand) { color:#dceaff; }
.legal-hero { padding:3rem 1rem; color:#fff; background:linear-gradient(135deg,var(--navy),#0864b8); }
.legal-hero div, .legal-main { width:min(900px,100%); margin:0 auto; }
.legal-hero h1 { margin-top:0.25rem; font-size:clamp(2rem,6vw,3rem); }
.legal-hero p { margin-top:0.6rem; color:#dceaff; }
.legal-main { padding:2rem 1rem 3.5rem; }
.legal-section { margin-bottom:1rem; padding:1.25rem; border:1px solid var(--line); border-radius:12px; background:#fff; }
.legal-section h2 { margin-bottom:0.45rem; color:var(--navy); font-size:1.25rem; }
.legal-section p + p, .legal-section ul { margin-top:0.6rem; }
.legal-section ul { padding-left:1.25rem; }
.legal-section li + li { margin-top:0.3rem; }
.legal-callout { border-left:4px solid var(--blue); background:#edf6ff; }
footer { padding:1.5rem 1rem; color:#d9e7f7; background:var(--navy); text-align:center; }
@media(max-width:650px){.legal-nav{align-items:flex-start;flex-wrap:wrap}.legal-nav .brand{width:100%}}