:root { --bg: #eef1f1; --ink: #1d2a31; --soft: #4b5a62; --line: #d3dadb; }
@media (prefers-color-scheme: dark) { :root { --bg: #11181c; --ink: #eef2f3; --soft: #a9b8bf; --line: #2c3a42; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 18px/1.6 'Barlow', 'Segoe UI', Arial, sans-serif; }
.legal { max-width: 720px; margin: 0 auto; padding: 40px 20px 64px; display: flex; flex-direction: column; gap: 14px; }
h1, h2 { font-family: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif; line-height: 1.1; margin: 0; }
h1 { font-size: 44px; }
h2 { font-size: 24px; margin-top: 14px; }
p { margin: 0; }
.note { color: var(--soft); }
a { color: inherit; }