:root { --ink:#0b203d; --muted:#647287; --line:#dfe7f0; --blue:#1266f1; }
* { box-sizing:border-box; }
body { margin:0; font-family:"DM Sans",Arial,sans-serif; color:var(--ink); background:#f7f9fc; }
a { color:inherit; text-decoration:none; }
.legal-header { height:74px; display:flex; align-items:center; border-bottom:1px solid var(--line); background:white; }
.legal-header div, main, footer { width:min(820px,calc(100% - 36px)); margin:0 auto; }
.legal-header div { display:flex; align-items:center; justify-content:space-between; }
.legal-header img { width:175px; display:block; }
.legal-header a { color:var(--blue); font-size:12px; font-weight:700; }
main { margin-top:54px; margin-bottom:70px; padding:45px 50px; border:1px solid var(--line); border-radius:18px; background:white; }
.draft { display:inline-block; padding:7px 10px; border-radius:6px; color:#8b5d32; background:#fff1df; text-transform:uppercase; letter-spacing:.1em; font-size:8px; font-weight:700; }
h1 { margin:18px 0 10px; font-size:40px; letter-spacing:-.04em; }
.updated { color:#8a96a5; font-size:10px; }
h2 { margin:34px 0 10px; font-size:17px; }
p,li { color:var(--muted); font-size:13px; line-height:1.75; }
footer { padding:25px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#8b97a6; font-size:9px; }
@media(max-width:600px){ main{padding:30px 23px;margin-top:25px}h1{font-size:32px}footer{gap:20px} }