* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
       line-height:1.7; 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; }
.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:900px; 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 h1 { font-family:'Merriweather',Georgia,serif; font-size:2.3rem; margin-bottom:.8rem; }
.page-hero p { opacity:.93; max-width:700px; margin:0 auto; }
.wrap { max-width:900px; margin:0 auto; padding:3rem 2rem; }
.jump { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; margin-bottom:2.5rem; }
.jump a { background:#fff; border:1px solid #dde3ea; border-radius:999px; padding:.55rem 1.3rem;
          color:#002B5C; text-decoration:none; font-weight:600; font-size:.92rem; }
.jump a:hover { background:#002B5C; color:#fff; border-color:#002B5C; }
.block { background:#fff; border:1px solid #e6e9ee; border-radius:8px; padding:2.2rem;
         margin-bottom:2rem; scroll-margin-top:90px; }
.block h2 { font-family:'Merriweather',Georgia,serif; color:#001a3d; font-size:1.5rem;
            margin-bottom:1rem; padding-bottom:.7rem; border-bottom:2px solid #e6e9ee; }
.block h3 { color:#002B5C; font-size:1.05rem; margin:1.6rem 0 .5rem; }
.block p { margin-bottom:1rem; color:#4a5462; }
.block ul { margin:0 0 1rem 1.4rem; color:#4a5462; }
.block li { margin-bottom:.5rem; }
.notice { background:#fff8e6; border-left:4px solid #d99b00; padding:1.2rem 1.4rem;
          border-radius:4px; margin-bottom:1.4rem; }
.notice strong { color:#8a6200; }
.updated { color:#8a94a3; font-size:.88rem; margin-top:2rem; text-align:center; }
.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.7rem; }
  .wrap { padding:2rem 1.2rem; }
  .block { padding:1.4rem; }
  .nav-container { padding:0 1.2rem; }
}
   /* 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; }
}