:root { --bg: #faf9f6; --fg: #1e2340; --muted: #646a82; --line: #e4e3de; --warn: #fdebd3; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #12142a; --fg: #eef0fa; --muted: #a3a9c4; --line: #2e3356; --warn: #4a3418; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #12142a; --fg: #eef0fa; --muted: #a3a9c4; --line: #2e3356; --warn: #4a3418; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 "Geist", system-ui, sans-serif; padding-inline: 16px; }
main { max-width: 720px; margin: 0 auto; padding-block: 48px; }
h1 { font-size: 32px; line-height: 1.15; margin: 0 0 6px; }
h2 { font-size: 19px; margin: 28px 0 6px; }
p, li { color: var(--fg); }
.meta { color: var(--muted); font-size: 14px; }
.draft { background: var(--warn); border-radius: 10px; padding: 12px 16px; font-size: 14px; margin: 18px 0; }
a { color: inherit; }
.legal-logo { display: inline-block; margin-bottom: 28px; }
.legal-logo img { height: 26px; display: block; }
.legal-logo .dark { display: none; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .legal-logo .light { display: none; } :root:not([data-theme="light"]) .legal-logo .dark { display: block; } }
:root[data-theme="dark"] .legal-logo .light { display: none; } :root[data-theme="dark"] .legal-logo .dark { display: block; }