:root { color-scheme: light dark; --bg:#ffffff; --text:#1a1a1a; --soft:#555; --muted:#888; --link:#1f5fbf; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1a33; --text:#f4f6fb; --soft:#c3cbe0; --muted:#a9b4cc; --link:#7fb2ff; } }
body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif; max-width: 720px; margin: 0 auto; padding: 32px 20px 80px; line-height: 1.75; color: var(--text); background: var(--bg); }
h1 { font-size: 22px; margin: 0 0 8px; } h2 { font-size: 16px; margin: 28px 0 8px; }
p, li { font-size: 15px; color: var(--soft); } .updated { color: var(--muted); font-size: 13px; }
a { color: var(--link); text-decoration: none; } a:hover { text-decoration: underline; }