:root { color-scheme: light dark; --fg: #1f2328; --bg: #fff; --muted: #59636e; --border: #d1d9e0; --accent: #0969da; --code: #f6f8fa; }
@media (prefers-color-scheme: dark) { :root { --fg: #e6edf3; --bg: #0d1117; --muted: #9198a1; --border: #3d444d; --accent: #4493f8; --code: #151b23; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
nav, main { max-width: 860px; margin: 0 auto; padding: 0 16px; }
nav { padding-top: 16px; font-size: 14px; color: var(--muted); }
a { color: var(--accent); }
h1, h2 { border-bottom: 1px solid var(--border); padding-bottom: .3em; }
blockquote { margin: 0; padding: 0 1em; color: var(--muted); border-left: .25em solid var(--border); }
table { border-collapse: collapse; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--border); padding: 6px 13px; }
code { background: var(--code); padding: .2em .4em; border-radius: 6px; font-size: 85%; }
.katex-display { overflow-x: auto; overflow-y: hidden; }