:root{color-scheme:dark;background:#0b0d0c;color:#f6f3e7;font:16px/1.6 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b0d0c}header,main,footer{max-width:820px;margin:auto;padding:24px}header{border-bottom:1px solid #3a433d}a{min-height:44px;display:inline-flex;align-items:center;color:#8df5b2}h1{font-size:clamp(2.3rem,7vw,4rem);line-height:1;letter-spacing:-.04em}h2{margin-top:36px}p,li{color:#c7cec8}code{font-family:ui-monospace,monospace;color:#8df5b2}footer{border-top:1px solid #3a433d;color:#aab3aa}:focus-visible{outline:3px solid #8df5b2;outline-offset:3px}