*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial,sans-serif;color:#172b4d;background:#f4f7fb}.top-bar{background:#064481;color:white;padding:32px max(20px,calc((100vw - 1040px)/2))}.top-bar h1{margin:0;font-size:clamp(1.6rem,4vw,2.3rem)}.top-bar p{margin:6px 0 0}nav{display:flex;flex-wrap:wrap;gap:6px;padding:14px max(20px,calc((100vw - 1040px)/2));background:white;box-shadow:0 2px 9px #0001}nav a{padding:7px 12px;color:#064481;text-decoration:none;font-weight:600;border-radius:6px}nav a:hover{background:#eaf2fb}main{max-width:1040px;margin:28px auto;padding:0 20px}.notice{padding:15px 20px;background:#fff6df;border-left:4px solid #b86c00;margin-bottom:20px}section{padding:22px 26px;background:white;margin-bottom:18px;border-radius:8px;box-shadow:0 2px 12px #001a3410}h2{font-size:1.3rem;color:#064481;margin:0 0 8px}p{margin:8px 0}.button{display:inline-block;padding:10px 16px;background:#064481;color:white;border-radius:5px;text-decoration:none}footer{text-align:center;padding:28px;background:#072e58;color:white}@media(max-width:600px){section{padding:18px}nav{gap:2px}nav a{font-size:.9rem}}