:root { color-scheme: dark; --page:#071018; --surface:#101c27; --ink:#f4f7f8; --muted:#91a4b0; --line:rgba(151,187,207,.17); --blue:#58b6e8; }
* { box-sizing: border-box; }
body { margin:0; background:var(--page); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; }
svg { width:17px; height:17px; }
header { display:flex; width:min(1120px,calc(100% - 40px)); align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); margin:0 auto; padding:18px 0; }
header > a:last-child { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:10px; font-weight:800; }
.legal-brand { display:flex; align-items:center; gap:10px; }
.legal-brand > span { display:grid; width:40px; height:40px; place-items:center; border-radius:8px; background:#fff; }
.legal-brand img { width:29px; height:29px; }
.legal-brand strong,.legal-brand small { display:block; }
.legal-brand strong { font-size:13px; }
.legal-brand small { margin-top:2px; color:var(--muted); font-size:9px; }
main { display:grid; width:min(1020px,calc(100% - 40px)); grid-template-columns:190px minmax(0,1fr); gap:70px; margin:0 auto; padding:72px 0 90px; }
aside { position:sticky; top:30px; display:grid; align-self:start; gap:6px; }
aside a { border-left:2px solid var(--line); color:var(--muted); padding:10px 12px; font-size:10px; font-weight:800; }
aside a.is-active { border-color:var(--blue); color:var(--ink); }
article { max-width:720px; }
.eyebrow { margin:0; color:var(--blue); font-size:9px; font-weight:900; text-transform:uppercase; }
h1 { margin:12px 0 0; font-size:44px; }
.lead { margin:18px 0 42px; color:var(--muted); font-size:14px; line-height:1.7; }
h2 { margin:30px 0 0; font-size:17px; }
article p:not(.eyebrow):not(.lead) { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.8; }
footer { border-top:1px solid var(--line); color:var(--muted); padding:24px; text-align:center; font-size:9px; }
@media(max-width:680px){ main{grid-template-columns:1fr;gap:32px;padding-top:42px} aside{position:static;grid-template-columns:1fr 1fr} h1{font-size:34px} header>a:last-child{font-size:0} }