:root{--bg:#F5F7F4;--ink:#10202B;--mu:#5B6B75;--ln:#DDE4E0;--ac:#1F7A5C;--hi:#F2C230;box-sizing:border-box}
@media(prefers-color-scheme:dark){:root{--bg:#0C1519;--ink:#EAF0EC;--mu:#93A4AC;--ln:#25373F;--ac:#4CC79B}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{padding-top:24px;padding-bottom:16px;border-bottom:1px solid var(--ln)}
.logo{font-weight:800;font-size:24px;text-decoration:none;color:var(--ink)}.logo b{color:var(--ac)}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:32px 0 4px;letter-spacing:-.02em}
h2{font-size:22px;margin:32px 0 8px}
p,li{max-width:68ch}li{margin:6px 0}
a{color:var(--ac)}.meta{color:var(--mu);margin:0 0 24px}
mark{background:var(--hi);color:#10202B;padding:0 3px;border-radius:3px}
footer{padding-top:32px;padding-bottom:48px;color:var(--mu);font-size:15px;border-top:1px solid var(--ln);margin-top:40px}