*{box-sizing:border-box}body{margin:0;background:#edf1f7;color:#132739;font:16px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}header{background:#0a1a2a;color:white;padding:20px}header a{color:white}main,footer{max-width:1040px;margin:auto;padding:28px 22px}h1{font-size:clamp(28px,5vw,42px);line-height:1.15}h2{font-size:20px}a{color:#175d92}li{margin:14px 0}.notice{background:#fff8e7;padding:15px;border-left:4px solid #e3a008}.small{font-size:13px;color:#526171}article{display:grid;grid-template-columns:220px 1fr;gap:24px;background:white;border:1px solid #d1dce5;border-radius:10px;padding:20px;margin:20px 0}article img{width:100%;height:240px;object-fit:contain}nav{padding:14px 0}footer{font-size:14px;border-top:1px solid #c7d3df}@media(max-width:560px){article{grid-template-columns:1fr}article img{height:220px}}