:root { color-scheme: light dark; --bg: #f3f3f4; --panel: #fff; --text: #2e2e2e; --muted: #65727a; --line: #d8dddf; --accent: #2f7f75; }
@media (prefers-color-scheme: dark) { :root { --bg: #101214; --panel: #1f2328; --text: #f5f5f5; --muted: #b5bdc4; --line: #343a42; --accent: #76e4d0; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 Georgia, serif; }
.legal-shell { width: min(860px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 64px; }
.legal-nav, .legal-footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.legal-nav { justify-content: space-between; margin-bottom: 42px; font-family: sans-serif; }
.legal-brand { color: var(--text); font-size: 1.25rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; }
.legal-nav a:not(.legal-brand), .legal-footer-links a { color: var(--accent); }
.legal-card { background: var(--panel); border: 1px solid var(--line); border-radius: 22px; padding: clamp(24px, 5vw, 52px); box-shadow: 0 16px 50px rgb(0 0 0 / .08); }
h1, h2 { font-family: sans-serif; line-height: 1.18; }
h1 { font-size: clamp(2.25rem, 7vw, 4.5rem); margin: 0 0 8px; }
h2 { margin-top: 34px; }
.updated, .lede { color: var(--muted); }
a { color: var(--accent); }
.choice-button { border: 0; border-radius: 999px; padding: 12px 18px; background: var(--accent); color: #071614; font: 700 14px sans-serif; cursor: pointer; }
.legal-footer-links { justify-content: center; padding: 22px 16px; font: 14px sans-serif; }
.legal-footer-links span { color: var(--muted); }
@media (max-width: 600px) { .legal-card { border-radius: 16px; } }