:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1210;color:#eff5ef;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:880px;margin:auto;padding:24px}header{border-bottom:1px solid #405147}a{color:#b6f483}a:focus-visible{outline:3px solid #b6f483;outline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:12px 24px}.brand{display:block;font-size:23px;font-weight:800;text-decoration:none;color:#eff5ef;margin-bottom:16px}h1{font-size:clamp(30px,5vw,44px);line-height:1.2}h2{font-size:23px;margin-top:32px;line-height:1.3}.meta,footer{color:#b4c5b7;font-size:14px}li{margin-bottom:10px}footer{border-top:1px solid #405147;margin-top:24px}@media(max-width:600px){header,main,footer{padding:20px}}