:root { --ink: #2f2b33; --soft: #6b6470; --line: #e7e2dc; --bg: #fdfcf5; --accent: #2766bc; }
@media (prefers-color-scheme: dark) { :root { --ink: #f1eee9; --soft: #b5aeb8; --line: #3a363d; --bg: #151417; --accent: #8db8ff; } }
html { background: var(--bg); }
body { max-width: 720px; margin: 0 auto; padding: 32px 18px 64px; color: var(--ink); background: var(--bg);
       font: 16px/1.75 -apple-system, BlinkMacSystemFont, "PingFang TC", "Hiragino Sans", "Helvetica Neue", sans-serif; }
nav { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; font-size: 14px; }
nav a, a { color: var(--accent); }
h1 { font-size: 26px; margin: 0 0 4px; }
h2 { font-size: 18px; margin: 28px 0 6px; }
.date { color: var(--soft); font-size: 14px; margin: 0 0 18px; }
section.lang { padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid var(--line); }
section.lang:last-of-type { border-bottom: 0; }
ul { padding-left: 1.2em; }
li { margin: 4px 0; }