* { box-sizing: border-box; }
:root { color-scheme: dark; --bg: #08080a; --panel: #15161b; --line: #262830; --text: #e9eaf0; --muted: #9496a3; --faint: #626470; --brand: #8481f5; }
html, body { min-height: 100%; }
body { margin: 0; color: var(--text); background-color: var(--bg); background-image: radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px); background-size: 4px 4px; font: 15px/1.65 Manrope, Inter, system-ui, sans-serif; }
main { width: min(720px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 56px; }
.legal-back { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; color: var(--muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.legal-back:hover, a:hover { color: var(--text); }
.legal-back img { width: 32px; height: 32px; border-radius: 22%; }
article { color: var(--muted); font-size: 15px; }
h1, h2 { color: var(--text); line-height: 1.25; }
h1 { margin: 0; font-family: Unbounded, Manrope, sans-serif; font-size: clamp(20px, 5vw, 30px); letter-spacing: -.04em; overflow-wrap: anywhere; }
h2 { margin: 28px 0 10px; font-size: 18px; }
.updated { margin-top: 10px; color: var(--faint); font-size: 13px; }
p { margin: 0 0 14px; }
ul { margin: 8px 0 14px; padding-left: 22px; }
li { margin: 5px 0; }
strong { color: var(--text); }
a { color: var(--brand); text-underline-offset: 3px; }
.legal-footer { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 24px; font-size: 13px; }
@media (max-width: 600px) { main { width: min(100% - 24px, 720px); padding-top: 24px; } article { font-size: 14px; } }