:root { --bg:#0b0f14; --fg:#e6edf3; --muted:#8b98a5; --accent:#4cc2ff; --rule:#1f2a36; }
@media (prefers-color-scheme: light) { :root { --bg:#f7f9fb; --fg:#0b0f14; --muted:#5b6b7a; --accent:#0a6fb3; --rule:#d9e1e8; } }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
main { max-width:640px; margin:0 auto; padding:12vh 24px 6vh; }
h1 { font-size:2.2rem; letter-spacing:-0.02em; margin:0 0 .4rem; }
.tag { color:var(--accent); font-weight:600; text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; margin:0 0 1.6rem; }
p { margin:0 0 1rem; }
.muted { color:var(--muted); }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
footer { max-width:640px; margin:0 auto; padding:0 24px 8vh; border-top:1px solid var(--rule); padding-top:1.2rem; color:var(--muted); font-size:.85rem; }
footer p { margin:0 0 .4rem; }