:root{--paper:#F4F6FB;--ink:#17153B;--slate:#5A5D7C;--rule:#D9DCEA}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:400 17px/1.65 "Public Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(760px,100% - 32px);margin-inline:auto}
header{padding:22px 0;margin-bottom:24px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font:800 24px/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em}
.brand img{width:34px;height:34px}
h1{font:800 clamp(36px,5vw,52px)/1.02 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em}
.updated{margin-top:10px;color:var(--slate);font-size:15px}
h2{font:700 22px/1.3 "Bricolage Grotesque",system-ui,sans-serif;margin:40px 0 10px}
p,li{color:#2A2850;max-width:68ch}
p+p{margin-top:12px}
ul{padding-left:22px;margin-top:10px}
li+li{margin-top:6px}
a{color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
footer{margin-top:64px;padding:32px 0 48px;border-top:1.5px solid var(--rule);font-size:14px;color:var(--slate);display:flex;flex-wrap:wrap;gap:8px 28px}
footer a{color:var(--slate)}