*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#0f172a;font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:#164cc4;text-underline-offset:3px}a:focus-visible{outline:3px solid #bb6400;outline-offset:4px}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}nav{display:flex;flex-wrap:wrap;gap:18px}.brand{font-size:23px;font-weight:750;text-decoration:none;color:#0f172a}main{background:white;border:1px solid #dbe2ed;border-radius:20px;margin-top:18px;margin-bottom:24px;padding:clamp(24px,5vw,56px)}h1{font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-1px}h2{font-size:23px;margin-top:32px;line-height:1.35}.label{color:#475569;font-size:14px}.notice{padding:18px;background:#edf3ff;border-left:4px solid #164cc4;border-radius:8px}.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:8px;background:white;padding:8px;z-index:2}footer{font-size:14px;color:#475569}li{margin:8px 0} @media(max-width:480px){header,footer{padding:20px}main{margin:8px;border-radius:12px}nav{gap:14px}}