:root { color-scheme: light dark; --line: light-dark(#d6dae0, #38404a); --muted: light-dark(#5b6470, #a0a9b4); }
body { margin: 0; padding: 16px; font: 16px/1.55 system-ui, sans-serif; background: light-dark(#f4f5f7, #14171b); color: light-dark(#1c2026, #e8ebef); }
main { max-width: 720px; margin: 0 auto; }
h1 { margin: 12px 0 4px; font-size: 28px; }
h2 { margin: 28px 0 6px; font-size: 18px; }
.meta { color: var(--muted); font-size: 14px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 6px 8px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
a { color: light-dark(#1f6feb, #5b9dff); overflow-wrap: anywhere; }