:root { color-scheme: light dark; --paper: light-dark(#fff,#172332); --canvas: light-dark(#f4f6f9,#101925); --ink: light-dark(#13243b,#e5edf7); --muted: light-dark(#536479,#a5b4c6); --line: light-dark(#dce4ec,#304052); --link: light-dark(#366722,#9bd86d); font: 14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--canvas); }
* { box-sizing:border-box; }
body { max-width:880px; margin:0 auto; padding:28px 24px 48px; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:24px; margin-bottom:32px; border-bottom:1px solid var(--line); }
.legal-header img { display:block; width:120px; height:auto; }
.legal-header span { color:var(--muted); font-size:12px; }
article { padding:32px 38px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
h1 { font-size:28px; letter-spacing:-.8px; line-height:1.2; font-weight:650; margin:24px 0; }
h2 { font-size:17px; font-weight:600; line-height:1.3; margin:30px 0 12px; }
p { margin:0 0 18px; }
a { color:var(--link); text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--link); outline-offset:3px; }
code { font-size:.9em; overflow-wrap:anywhere; }
@media(max-width:520px) { body { padding:22px 16px; } article { padding:22px 20px; } h1 { font-size:25px; } .legal-header span { max-width:100px; text-align:right; } }