*{box-sizing:border-box}body{margin:0;background:#f5f6f7;color:#24323b;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:24px}header{border-bottom:4px solid #ffab00}header strong{font-size:22px}nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px}a{color:#006b9d;text-underline-offset:3px}main{background:white;margin-top:24px;border-radius:12px;padding:32px}h1{font-size:clamp(27px,5vw,38px);line-height:1.2}h2{font-size:23px;margin-top:32px}.action{display:inline-block;background:#ffab00;color:#17242c;padding:12px 20px;border-radius:8px;font-weight:600}.note{padding:18px;background:#fff6dc;border-left:4px solid #ffab00}footer{font-size:14px}li{margin:8px 0}a:focus-visible{outline:3px solid #039be5;outline-offset:4px}@media(max-width:600px){main{margin:12px;padding:20px}header,footer{padding:20px}}