*{box-sizing:border-box}body{margin:0;font:17px/1.75 system-ui,sans-serif;color:#183640;background:#f5f8f8}header,footer{background:#123e43;color:white;padding:22px max(24px,calc((100vw - 900px)/2))}header a,footer a{color:inherit}main{max-width:900px;margin:36px auto;padding:30px;background:white;border:1px solid #d6e1e3;border-radius:12px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:23px;line-height:1.4;margin-top:32px}a{color:#135974;text-underline-offset:3px;overflow-wrap:anywhere}dt{font-weight:700}dd{margin:0 0 14px}.note{border-left:4px solid #c29d20;padding:12px 18px;background:#faf7e9}nav{display:flex;gap:20px;flex-wrap:wrap}:focus-visible{outline:3px solid #b68b00;outline-offset:4px}@media(max-width:650px){main{margin:18px 12px;padding:22px}}