:root{--bg:#F4F6F8;--ink:#16222E;--mute:#5A6978;--line:#D3DAE2;--acc:#0B7A5C}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 "Source Sans 3",system-ui,sans-serif}
h1,h2,.logo{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}header{padding:18px 0;border-bottom:1px solid var(--line);background:#fff}
.logo{font-size:1.4rem;font-weight:800;color:var(--ink);text-decoration:none}
h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:36px 0 14px}h2{font-size:1.5rem;font-weight:800;margin:34px 0 10px}
p{margin:0 0 14px}.lead{font-size:1.2rem;color:var(--mute)}
.btn{display:inline-block;background:var(--acc);color:#fff;font-weight:600;text-decoration:none;padding:11px 20px;border-radius:8px;margin:8px 0}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7fd1b6;outline-offset:2px}
a{color:var(--acc)}ol{padding-left:22px}li{margin-bottom:8px}
details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}details p{margin:10px 0 0}
.rel{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none}
footer{border-top:1px solid var(--line);margin-top:44px;padding:22px 0 34px;color:var(--mute);font-size:.95rem}footer a{margin-right:14px}