:root{--bg:#F1F4F1;--surface:#FFFFFF;--ink:#14211B;--muted:#56665E;--line:#D2DBD5;--accent:#1E6A46}
@media (prefers-color-scheme: dark){:root{--bg:#0E1512;--surface:#151F1A;--ink:#E4ECE7;--muted:#98A9A0;--line:#2A3831;--accent:#5DBE8A;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding-inline:20px}
header{border-bottom:1px solid var(--line);background:var(--surface)}
header .wrap{height:62px;display:flex;align-items:center}
.brand{display:flex;align-items:center;text-decoration:none}
.brand svg{height:26px;width:auto;display:block}
main{padding:44px 20px 64px}
h1{font:700 clamp(1.8rem,4.5vw,2.4rem)/1.15 "Literata",Georgia,serif;margin:0 0 6px}
.upd{color:var(--muted);font-size:.9rem;margin:0 0 30px}
h2{font:700 1.15rem/1.3 "Public Sans",system-ui,sans-serif;margin:32px 0 8px}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:0 0 6px}
a{color:var(--accent)}
footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:.9rem}
footer a{color:inherit;font-weight:600}