body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1b2a3a;line-height:1.65}
body a {
  color: #1b2a3a;
  text-decoration: none;
}
header{background:#1f3a5f;color:#fff;padding:26px 20px;text-align:center}
header h1{margin:0;font-size:30px;letter-spacing:0.2px}
header p{margin:8px 0 0;opacity:0.92}
nav{background:#2e517a;padding:12px 10px}
nav .nav-inner{max-width:1100px;margin:0 auto}
nav a{color:#fff;margin-right:16px;text-decoration:none;font-weight:bold;display:inline-block;padding:6px 8px;border-radius:6px}
nav a:hover, nav a:focus{text-decoration:underline;background:rgba(255,255,255,0.10);outline:none}
main{max-width:1100px;margin:24px auto 0;padding:30px;background:#fff;border-radius:12px;border:1px solid #e6e6e6}
.hero img{width:100%;height:420px;object-fit:cover;border-radius:10px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:1fr 1fr 1fr}
.card{background:#fff;border:1px solid #ddd;padding:20px;border-radius:10px}
.figure{margin:0}
.figure img{width:100%;height:260px;object-fit:cover;border-radius:10px;border:1px solid #ddd}
.section{margin-top:26px}
.section h2{margin:0 0 10px;color:#1f3a5f}
.section h3{margin:0 0 8px;color:#1f3a5f}
ul{margin:10px 0 0 20px}
.small{font-size:13px}
.notice{background:#f1f6fb;border-left:6px solid #1f3a5f;padding:14px 16px;border-radius:10px;border:1px solid #d7e6f6}
.kicker{display:inline-block;font-size:12px;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;color:#2e517a;margin-bottom:8px}
hr{border:none;border-top:1px solid #e6e6e6;margin:24px 0}
footer{background:#1f3a5f;color:#fff;text-align:center;padding:20px;margin-top:40px}
footer p{margin:0;opacity:0.95}
@media (max-width: 900px){
  main{margin:0;border-radius:0}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .hero img{height:320px}
}