:root{font:18px/1.7 system-ui,sans-serif;color:#18333e;background:#f2f6f7;color-scheme:light}*{box-sizing:border-box}body{max-width:1050px;margin:auto;padding:32px 24px}header{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:8px 0 28px;border-bottom:1px solid #cbd8dd}a{color:#12637a;text-underline-offset:3px}a:focus-visible{outline:3px solid #ca8b29;outline-offset:4px}.brand{font-size:13px;font-weight:700;letter-spacing:2px;color:#18333e;text-decoration:none}.brand span{display:block;font-size:23px;letter-spacing:0}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:16px}nav a[aria-current]{font-weight:700}main{background:white;border:1px solid #d8e3e7;border-radius:16px;padding:40px 48px;margin:32px 0}h1{font-size:44px;line-height:1.15;letter-spacing:-1px;margin:0 0 24px}h2{font-size:24px;line-height:1.3;margin:40px 0 14px}p{margin:0 0 20px}code{font-size:15px;overflow-wrap:anywhere}footer{font-size:14px;color:#526875;padding:0 4px 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:4px;background:white;padding:8px}@media(max-width:620px){body{padding:20px 16px}header{align-items:start;flex-direction:column;gap:16px}nav{gap:16px}main{padding:28px 22px;margin:24px 0}h1{font-size:34px}h2{font-size:23px}}