*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial,sans-serif;color:#252525;background:#f7f7f5}.top-bar{background:#222222;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:#222222;text-decoration:none;font-weight:600;border-radius:6px}nav a:hover{background:#fff0c9}main{max-width:1040px;margin:28px auto;padding:0 20px}.notice{padding:15px 20px;background:#fff4d7;border-left:4px solid #e1aa16;margin-bottom:20px}section{padding:22px 26px;background:white;margin-bottom:18px;border-radius:8px;box-shadow:0 2px 12px #00000010}h2{font-size:1.3rem;color:#222222;margin:0 0 8px}p{margin:8px 0}.button{display:inline-block;padding:10px 16px;background:#222222;color:white;border-radius:5px;text-decoration:none}footer{text-align:center;padding:28px;background:#171717;color:white}@media(max-width:600px){section{padding:18px}nav{gap:2px}nav a{font-size:.9rem}}
nav a:hover,nav a:focus-visible{color:#171717} .button:hover{background:#444} a:focus-visible{outline:3px solid #e1aa16;outline-offset:2px} .top-bar{border-bottom:5px solid #e8b32c} .notice{color:#252525}