:root { --bg: #f7eedb; --ink: #2b1a10; --ink-2: #6e5340; --line: #d9c49d; --accent: #b5521b; }
@media (prefers-color-scheme: dark) { :root { --bg: #1b130d; --ink: #f6e8cf; --ink-2: #c9b193; --line: #4a3626; --accent: #f0923a; color-scheme: dark; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 "Nunito", "Segoe UI", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px max(18px, env(safe-area-inset-left)) 64px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header img { width: 56px; height: 56px; }
h1 { font: 800 30px/1.15 "Grandstander", "Trebuchet MS", sans-serif; margin: 0; }
h2 { font: 800 20px "Grandstander", "Trebuchet MS", sans-serif; margin: 28px 0 6px; }
p, li { color: var(--ink); } .muted { color: var(--ink-2); font-size: 14px; }
a { color: var(--accent); }
table { border-collapse: collapse; width: 100%; font-size: 15px; } td, th { border-bottom: 1px solid var(--line); padding: 6px 4px; text-align: left; vertical-align: top; }