:root { --bg:#fff; --text:#15171a; --muted:#6b7280; --acc:#2563eb; --mark:#fff3bf; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1115; --text:#e8eaed; --muted:#9aa0a6; --mark:#4a3f12; } }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
h1 { font-size:24px; line-height:1.25; } h2 { font-size:18px; margin-top:28px; }
a { color:var(--acc); } .muted { color:var(--muted); font-size:14px; }
.fill { background:var(--mark); padding:0 3px; border-radius:3px; }
table { border-collapse:collapse; width:100%; font-size:14px; } td, th { border:1px solid #8884; padding:6px 8px; text-align:left; vertical-align:top; }
.draft { border:1px solid #f59e0b; border-radius:8px; padding:8px 12px; font-size:14px; }