*{box-sizing:border-box}body{margin:0;background:#f5f4ee;color:#202d36;font:17px/1.65 system-ui,sans-serif}main,header,footer{max-width:780px;margin:auto;padding:24px}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#17648b;text-underline-offset:3px}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1}h2{font-size:1.35rem;margin-top:2rem}p,li{max-width:70ch}.brand{font-size:1.4rem;font-weight:800;text-decoration:none}.draft{background:#fff2ca;border-left:4px solid #a7761d;padding:14px 18px}.lead{font-size:1.22rem}footer{border-top:1px solid #bccad0;font-size:.9rem}.download{display:inline-block;background:#dceef8;padding:12px 18px;border-radius:8px}a:focus-visible{outline:3px solid #237daa;outline-offset:4px}code{overflow-wrap:anywhere}