*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#203045;font:16px/1.75 system-ui,Arial,sans-serif}header{background:#173a60;color:white;padding:16px max(22px,calc((100vw - 1100px)/2))}header a{color:white;text-decoration:none;margin-right:22px}main{max-width:1020px;margin:35px auto;padding:0 22px}article,.intro,.item{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:18px}h1{font-size:clamp(26px,4vw,39px);line-height:1.25}h2{margin-top:34px;font-size:23px}.button{display:inline-block;background:#d96915;color:white;text-decoration:none;padding:11px 22px;border-radius:9px;font-weight:700;margin:8px 0 18px}.notice{font-size:14px;color:#5d6675;background:#f1f4f8;padding:12px;border-radius:8px}footer{background:#173a60;color:white;text-align:center;padding:22px;margin-top:35px}.item h2{font-size:19px;margin:0}.item a{color:#174c85;text-decoration:none}input{padding:14px;width:100%;border:1px solid #bac5d1;border-radius:8px;margin:10px 0 20px}#items{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.item{margin:0;padding:18px}