:root{font-family:system-ui,sans-serif;color:#17253c;background:#f5f7fa;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:48px auto;padding:36px;background:#fff;border:1px solid #dbe2eb;border-radius:16px}.brand{color:#19587b;font-size:.8rem;letter-spacing:.12em;font-weight:700}h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15}h2{font-size:1.3rem;margin-top:2rem}.lead{font-size:1.2rem;color:#36516c}a{color:#005e91;text-underline-offset:3px}a:focus-visible{outline:3px solid #f5a544;outline-offset:4px}code{overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #dbe2eb;padding-top:20px;margin-top:30px}footer{font-size:.9rem;color:#4c5d72}@media(max-width:600px){main{margin:0;padding:24px 20px;border-radius:0;border:0}}