:root { --bg:#f8f7f4; --text:#2b2a27; --muted:#6f6d66; --line:#e9e6df; --accent:#6d50b5; }
@media (prefers-color-scheme: dark) { :root { --bg:#1c1c1f; --text:#ecebe6; --muted:#a3a19a; --line:#35353b; --accent:#c5b1f2; } }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 "DM Sans", ui-sans-serif, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 24px 80px; }
header a { display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font:600 18px "Fraunces", Georgia, serif; }
h1 { font: 600 36px/1.2 "Fraunces", Georgia, serif; margin: 36px 0 6px; }
h2 { font-size: 19px; margin: 32px 0 6px; }
a { color: var(--accent); }
.muted { color: var(--muted); }
table { border-collapse: collapse; width: 100%; font-size: 14.5px; }
td, th { border-bottom: 1px solid var(--line); padding: 8px 10px 8px 0; text-align: left; vertical-align: top; }