*{box-sizing:border-box}body{margin:0;background:#fffaf0;color:#0c3474;font:18px/1.7 system-ui}main{max-width:1100px;padding:32px 24px;margin:auto}header{border-top:10px solid #42c9ef}nav{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}h1{font-size:clamp(36px,6vw,64px);line-height:1.15}h2{font-size:30px}a{color:#095d9c;text-underline-offset:4px}a:focus-visible{outline:3px solid #e7a200;outline-offset:4px}.banner{width:100%;border-radius:22px}.pill{display:inline-block;background:#c9efff;padding:10px 18px;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid img{width:100%;height:auto;border-radius:20px}article{background:white;border-radius:24px;padding:24px;margin:28px 0}footer{padding:26px 0;border-top:1px solid #c9dfec}.muted{font-size:15px} @media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}main{padding:20px 16px}}