*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#243246;font:16px/1.75 system-ui,Arial,sans-serif}header{background:#18395b;color:white;padding:18px max(24px,calc((100% - 1100px)/2))}nav{display:flex;gap:24px;align-items:center}nav a{color:white;text-decoration:none;font-weight:650}.brand{font-size:1.35rem;margin-right:auto}main{max-width:1100px;margin:35px auto;padding:0 20px}.hero,.article{background:white;border-radius:14px;padding:32px;box-shadow:0 4px 24px #142a4110}.hero h1{margin-top:0}.search{width:100%;padding:14px;border:1px solid #ccd4df;border-radius:8px;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:20px}.card{background:white;padding:20px;border-radius:10px;border:1px solid #e2e7ee}.card a{font-weight:650;color:#145b9d;text-decoration:none}.card p{color:#5c6878;font-size:14px}.article{max-width:880px;margin:auto}.article h1{line-height:1.25}.article h2{margin-top:32px}.btn{display:inline-block;background:#f08c26;color:#111;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:750}.notice{margin-top:12px;padding:12px 16px;background:#fff7e9;border-left:3px solid #e3a24c;font-size:14px}footer{text-align:center;color:#59697b;padding:30px 15px}ul{padding-left:24px}@media(max-width:600px){.hero,.article{padding:20px}header{padding:16px}}