*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f6faf8;color:#132d27;font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}h2{font-size:1.35rem;margin-top:30px}a{color:#075e47;text-underline-offset:3px}.brand{font-weight:800;font-size:24px}nav{display:flex;gap:16px;flex-wrap:wrap}code{overflow-wrap:anywhere}footer{border-top:1px solid #b9cfc4}a:focus-visible{outline:3px solid #177657;outline-offset:5px}@media(prefers-color-scheme:dark){body{background:#0c1813;color:#edf4ef}a{color:#43d6a5}footer{border-color:#375246}}