:root { color-scheme: light dark; --fg: #222; --bg: #fdfcf9; --muted: #666; --link: #8a3b12; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e6e1; --bg: #1b1a18; --muted: #a09d97; --link: #f0a070; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.7 system-ui, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 2rem 16px 4rem; }
a { color: var(--link); }
h1 { line-height: 1.3; }
h2 { margin-top: 2rem; font-size: 1.2rem; }
.nav, .meta { color: var(--muted); font-size: .9rem; }
code { overflow-wrap: anywhere; }