html{font-size:16px}
body{margin:0;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#1d2733;background:#f1f4f8}
a{color:#b4482a}
.inner{max-width:1040px;margin:0 auto;padding:0 24px}
.top{background:#17324d;color:#fff}
.top .inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;letter-spacing:.02em}
.mark{color:#f0a04b}
.menu{list-style:none;display:flex;gap:22px;margin:0;padding:0}
.menu a{color:#cfdbe8;text-decoration:none;font-size:.95rem}
.menu a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#1f4468,#2f6a8f 60%,#d98b4a);color:#fff;padding:56px 0 60px}
.hero h1{margin:0 0 10px;font-size:2.6rem;line-height:1.1}
.hero p{margin:0;max-width:620px;font-size:1.1rem;color:#e8eff6}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;padding-top:32px;padding-bottom:48px}
.card{background:#fff;border-radius:10px;padding:20px 22px 18px;box-shadow:0 1px 3px rgba(23,50,77,.12);display:flex;flex-direction:column}
.card h2{font-size:1.25rem;line-height:1.3;margin:10px 0 6px}
.card h2 a{color:#17324d;text-decoration:none}
.card p{margin:0 0 14px;color:#465566;flex:1}
.more{font-weight:600;text-decoration:none;font-size:.95rem}
.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.85rem;color:#6a7a8b}
.pill{background:#fbe9dc;color:#9a3d22;border-radius:999px;padding:2px 10px;font-weight:600}
.post{background:#fff;margin-top:32px;margin-bottom:48px;border-radius:10px;padding-top:30px;padding-bottom:34px;box-shadow:0 1px 3px rgba(23,50,77,.12);max-width:760px}
.post h1{font-size:2rem;line-height:1.2;margin:12px 0 10px;color:#17324d}
.post h2{font-size:1.2rem;margin:28px 0 6px;color:#17324d}
.post p{margin:0 0 12px}
.lead{font-size:1.1rem;color:#465566}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:16px;border-top:2px solid #f1f4f8;font-size:.95rem}
.list{width:100%;border-collapse:collapse;margin-top:14px;font-size:.95rem}
.list th,.list td{text-align:left;padding:9px 8px;border-bottom:1px solid #e3e9f0}
.list th{color:#6a7a8b;font-weight:600}
.bottom{background:#17324d;color:#9fb3c8;font-size:.85rem}
.bottom .inner{padding-top:18px;padding-bottom:18px}
@media (max-width:560px){.hero h1{font-size:2rem}.inner{padding:0 16px}.post{border-radius:0}}