:root { color-scheme: light dark; --bg: #fff; --fg: #1b2033; --muted: #5b6480; --line: #d8dcea; --warn-bg: #fff4d6; --warn-fg: #6b4a00; --ok-bg: #e3f6ea; --ok-fg: #12643a; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b1020; --fg: #e6e9f5; --muted: #a5adc9; --line: #2a3250; --warn-bg: #3a2f0e; --warn-fg: #ffd98a; --ok-bg: #0f3322; --ok-fg: #8fe0b2; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
.legal-doc { max-width: 820px; margin: 0 auto; padding: 24px 16px 64px; }
.legal-doc a { color: inherit; text-underline-offset: 3px; }
.legal-doc h1 { font-size: 1.8rem; line-height: 1.25; } .legal-doc h2 { font-size: 1.3rem; margin-top: 2rem; } .legal-doc h3 { font-size: 1.1rem; }
.legal-doc blockquote { margin: 1rem 0; padding: .5rem 1rem; border-left: 4px solid var(--line); color: var(--muted); }
.legal-doc code { background: var(--line); padding: 0 .3em; border-radius: 4px; }
.legal-status { padding: .6rem .9rem; border-radius: 8px; font-size: .95rem; }
.legal-status.draft { background: var(--warn-bg); color: var(--warn-fg); } .legal-status.ok { background: var(--ok-bg); color: var(--ok-fg); }