* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
       line-height:1.6; color:#333; background:#f8f9fa; }
.navbar { background:linear-gradient(135deg,#001a3d 0%,#002B5C 100%); padding:1rem 0;
          position:sticky; top:0; z-index:100; box-shadow:0 2px 8px rgba(0,27,61,.25); }
.nav-container { max-width:1200px; margin:0 auto; padding:0 2rem; display:flex;
                 justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.logo { color:#fff; font-size:1.4rem; font-weight:700; text-decoration:none; }
.nav-links { display:flex; gap:1.5rem; flex-wrap:wrap; }
.nav-links a { color:rgba(255,255,255,.9); text-decoration:none; font-weight:500; transition:color .2s; }
.nav-links a:hover { color:#fff; text-decoration:underline; }
.breadcrumbs { background:#fff; border-bottom:1px solid #e6e9ee; padding:.9rem 0; font-size:.9rem; }
.breadcrumb-container { max-width:1200px; margin:0 auto; padding:0 2rem; }
.breadcrumbs a { color:#1a5490; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:underline; }
.breadcrumbs .separator { color:#aaa; margin:0 .5rem; }
.breadcrumbs .current { color:#666; }
.page-hero { background:linear-gradient(135deg,#001a3d 0%,#002B5C 55%,#1a5490 100%);
             color:#fff; padding:3.5rem 2rem; text-align:center; }
.page-hero .icon { font-size:3rem; display:block; margin-bottom:.75rem; }
.page-hero h1 { font-family:'Merriweather',Georgia,serif; font-size:2.4rem; margin-bottom:.9rem; }
.page-hero p { max-width:760px; margin:0 auto; font-size:1.08rem; opacity:.94; }
.page-hero .count { display:inline-block; margin-top:1.4rem; background:rgba(255,255,255,.14);
                    border:1px solid rgba(255,255,255,.3); padding:.45rem 1.1rem;
                    border-radius:999px; font-size:.92rem; font-weight:600; }
.wrap { max-width:1200px; margin:0 auto; padding:3rem 2rem; }
.section-title { font-family:'Merriweather',Georgia,serif; color:#001a3d; font-size:1.6rem;
                 margin-bottom:.4rem; }
.section-sub { color:#667; margin-bottom:2rem; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5rem; }
.card { background:#fff; border:1px solid #e6e9ee; border-radius:8px; padding:1.6rem;
        display:flex; flex-direction:column; transition:transform .25s, box-shadow .25s,
        border-color .25s; }
.card:hover { transform:translateY(-4px); box-shadow:0 10px 26px rgba(0,27,61,.13);
              border-color:#1a5490; }
.card h3 { font-size:1.08rem; margin-bottom:.6rem; line-height:1.4; }
.card h3 a { color:#002B5C; text-decoration:none; }
.card h3 a:hover { color:#1a5490; text-decoration:underline; }
.card p { color:#5a6472; font-size:.94rem; flex-grow:1; margin-bottom:1rem; }
.card .meta { display:flex; justify-content:space-between; align-items:center;
              font-size:.82rem; color:#8a94a3; border-top:1px solid #eef1f5; padding-top:.85rem; }
.card .read-more { color:#1a5490; font-weight:600; text-decoration:none; }
.card .read-more:hover { text-decoration:underline; }
.cat-nav { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.5rem; }
.cat-nav a { background:#fff; border:1px solid #dde3ea; border-radius:999px;
             padding:.6rem 1.3rem; color:#002B5C; text-decoration:none; font-weight:600;
             font-size:.93rem; transition:all .2s; }
.cat-nav a:hover, .cat-nav a.active { background:#002B5C; color:#fff; border-color:#002B5C; }
.cta { background:linear-gradient(135deg,#001a3d 0%,#002B5C 100%); color:#fff;
       border-radius:10px; padding:3rem 2rem; text-align:center; margin-top:3rem; }
.cta h2 { font-family:'Merriweather',Georgia,serif; margin-bottom:.8rem; font-size:1.7rem; }
.cta p { opacity:.92; margin-bottom:1.6rem; }
.btn { display:inline-block; background:#fff; color:#002B5C; padding:.85rem 2rem;
       border-radius:6px; text-decoration:none; font-weight:700; transition:transform .2s; }
.btn:hover { transform:translateY(-2px); }
.footer { background:linear-gradient(135deg,#001a3d 0%,#002B5C 100%); color:rgba(255,255,255,.85);
          padding:2.5rem 2rem; text-align:center; font-size:.9rem; }
.footer a { color:#fff; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer-links { display:flex; gap:1.4rem; justify-content:center; flex-wrap:wrap;
                margin-bottom:1.2rem; }
@media (max-width:768px) {
  .page-hero h1 { font-size:1.8rem; }
  .wrap { padding:2rem 1.2rem; }
  .nav-container { padding:0 1.2rem; }
  .grid { grid-template-columns:1fr; }
}
   /* mobile menu button injected by navigation.js */
.nav-toggle { display:none; background:none; border:0; cursor:pointer; padding:.4rem;
              flex-direction:column; gap:5px; }
.nav-toggle span { display:block; width:24px; height:2px; background:#fff; border-radius:2px;
                   transition:transform .25s, opacity .25s; }
.nav-toggle.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-toggle.active span:nth-child(2) { opacity:0; }
.nav-toggle.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
@media (max-width:860px) {
  .nav-toggle { display:flex; order:2; }
  .navbar .nav-links { display:none; width:100%; order:3; flex-direction:column;
                       gap:.8rem; padding-top:.9rem; }
  .navbar .nav-links.open { display:flex; }
}