*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b111b;color:#e8eee9;font:17px/1.7 system-ui,sans-serif}a{color:#b5e1a3;text-underline-offset:4px}a:focus-visible{outline:3px solid #b5e1a3;outline-offset:5px}header,main,footer{width:min(900px,100% - 40px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:16px;border-bottom:1px solid #2c3c45}.brand{font-weight:800;letter-spacing:2px;text-decoration:none;color:#e8eee9}.brand span{color:#b5e1a3}.button{display:inline-block;border:1px solid #63865e;border-radius:9px;background:#20362b;padding:10px 17px;text-decoration:none;font-weight:650;font-size:14px}main{padding:40px 0 60px}main>nav{font-size:13px;color:#aab9c4}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-1px;margin:28px 0}h2{font-size:23px;line-height:1.3;margin:38px 0 12px}p,li{color:#c4d0d8}li{padding:5px 0}code{color:#b5e1a3;font-size:15px;overflow-wrap:anywhere}footer{border-top:1px solid #2c3c45;padding:0 0 35px}footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}footer p{font-size:12px;max-width:700px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:5px;background:#0b111b;padding:10px}@media(max-width:480px){header{align-items:flex-start}.brand{font-size:14px;letter-spacing:1px}.button{padding:8px 11px;font-size:12px}main{padding-top:26px}}