:root { --bg:#ffffff; --fg:#1d2129; --muted:#5c6370; --accent:#3b5bdb; --line:#e3e6ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#14161a; --fg:#e8eaed; --muted:#a0a6b0; --line:#2a2e35; } }
* { box-sizing:border-box; }
html { font-size:100%; }
body { margin:0; background:var(--bg); color:var(--fg); line-height:1.6;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
main { max-width:42rem; margin:0 auto; padding:4rem 1rem 3rem; }
h1 { font-size:2.25rem; line-height:1.2; margin:0 0 1rem; color:var(--accent); }
h2 { font-size:1.25rem; margin:2rem 0 .5rem; }
p { margin:0 0 1rem; }
.muted { color:var(--muted); }
.en { border-top:1px solid var(--line); padding-top:1.5rem; margin-top:2rem; }
a { color:var(--accent); }
a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
footer { max-width:42rem; margin:0 auto; padding:1.5rem 1rem 3rem; border-top:1px solid var(--line);
  font-size:.9rem; color:var(--muted); }
footer a { color:inherit; }