:root{--ink:#141A2B;--ink-soft:#4A5366;--bg:#F3F4F1;--line:#D9DED6;--enamel:#1B3C8C;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.65 "Public Sans",system-ui,sans-serif}
.head{border-bottom:1px solid var(--line);background:rgba(243,244,241,.92)}
.wrap{width:min(780px,100% - 40px);margin-inline:auto}
.head .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;width:min(1180px,100% - 40px)}
.plaque{display:inline-flex;background:var(--enamel);color:#fff;font:700 1.35rem/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:.55rem .9rem .5rem;border-radius:7px;box-shadow:inset 0 0 0 2px var(--enamel),inset 0 0 0 3.5px #fff;text-decoration:none}
.back{color:var(--ink-soft);text-decoration:none;font-weight:500}.back:hover{color:var(--ink)}
main{padding:64px 0 96px}
h1{font:800 clamp(2.2rem,5vw,3.2rem)/1.05 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.025em;margin:0 0 .6rem}
h2{font:600 1.35rem/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin:2.4rem 0 .6rem}
p,li{color:var(--ink-soft)}a{color:var(--enamel)}
.updated{font-size:.9rem;margin-bottom:2rem}
.todo{background:#FFF4C2;color:#6B5200;padding:0 .25em;border-radius:3px}
footer{border-top:1px solid var(--line);padding:32px 0;font-size:.9rem;color:var(--ink-soft)}