<style>
/* ═══════════════ BASE ═══════════════ */
*,*::before,*::after{box-sizing:border-box}
a{color:#006699;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;margin:0;padding:0;font-weight:bold}
h1{font-size:120%;color:#002c56;background-color:#e5eff5}
h2{font-size:114%;color:#006699}




/* ═══════════════ NAVBAR ═══════════════ */
.navbar{
  background:#d0d9e1;
  position:relative;
  z-index:500;
}

/* Hamburger button */
.nav-toggle{
  display:none;
  width:100%;
  background:#a6adba;
  border:none;
  padding:10px 14px;
  cursor:pointer;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#002c56;
}
.nav-toggle .bar{
  display:block;width:22px;height:3px;background:#002c56;
  margin:4px 0;border-radius:2px;transition:all .25s;
}
.nav-toggle.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open .bar:nth-child(2){opacity:0}
.nav-toggle.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Top-level list */
.nav-list{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  flex-wrap:wrap;
}

/* Each top-level item */
.nav-item{
  position:relative;
}
.nav-item > .nav-link{
  display:block;
  padding:8px 14px;
  font-size:11px;
  color:#000;
  white-space:nowrap;
  cursor:pointer;
  background:#e5eff5;
  transition:background .15s;
}
.nav-item > .nav-link:hover,
.nav-item:hover > .nav-link{
  background:#6a6b6d;
  color:#fff;
  text-decoration:none;
}

/* Dropdown */
.nav-dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:160px;
  background:#a6adba;
  border:1px solid #fff;
  z-index:1000;
  list-style:none;
  margin:0;padding:0;
  box-shadow:2px 4px 8px rgba(0,0,0,.2);
}
.nav-item:hover > .nav-dropdown{
  display:block;
}

/* Dropdown items */
.nav-dropdown li > a,
.nav-dropdown li > span{
  display:block;
  padding:7px 13px 7px 8px;
  font-size:11px;
  color:#fff;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s;
}
.nav-dropdown li > a:hover,
.nav-dropdown li > span:hover{
  background:#2E3D49;
  color:#fff;
  text-decoration:none;
}

/* Sub-dropdown (2nd level) */
.nav-dropdown li.has-sub{
  position:relative;
}
.nav-subdropdown{
  display:none;
  position:absolute;
  top:0;
  left:100%;
  min-width:150px;
  background:#a6adba;
  border:1px solid #fff;
  list-style:none;
  margin:0;padding:0;
  z-index:1001;
  box-shadow:2px 4px 8px rgba(0,0,0,.2);
}
.nav-dropdown li:hover > .nav-subdropdown{
  display:block;
}
.nav-subdropdown li > a{
  display:block;
  padding:7px 13px 7px 8px;
  font-size:11px;
  color:#fff;
  white-space:nowrap;
}
.nav-subdropdown li > a:hover{
  background:#2E3D49;
  text-decoration:none;
}
/* Arrow indicator for items with submenus */
.has-sub > span::after,
.has-sub > a::after{
  content:" ▶";
  font-size:8px;
  opacity:.7;
}


@media(max-width:900px){
  .site-header__logos img{max-height:48px}
  .header-banner{max-width:180px}
  .nav-item > .nav-link{padding:7px 10px;font-size:11px}
}

/* ═══════════════ MOBILE ≤ 640px ═══════════════ */
@media(max-width:640px){
  /* Header */
  .site-header{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}
  .site-header__info{text-align:left}
  .header-banner{max-width:130px}
  .site-header__logos img{max-height:44px}

  /* Hamburger visible, nav hidden by default */
  .nav-toggle{display:block}
  .nav-list{display:none;flex-direction:column;width:100%}
  .nav-list.open{display:flex}

  /* Items full width */
  .nav-item{width:100%}
  .nav-item > .nav-link{
    padding:11px 14px;
    font-size:13px;
    border-bottom:1px solid #bbc3ce;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .nav-item > .nav-link::after{content:"▾";font-size:12px;margin-left:8px}

  /* Dropdowns inline below parent */
  .nav-dropdown,.nav-subdropdown{
    position:static;
    display:none;
    box-shadow:none;
    border:none;
    border-left:3px solid #6a6b6d;
    background:#bbc3ce;
    min-width:0;width:100%;
  }
  .nav-dropdown.mob-open,
  .nav-subdropdown.mob-open{display:block}

  .nav-dropdown li > a,
  .nav-dropdown li > span{
    padding:9px 14px 9px 22px;
    font-size:12px;
    color:#002c56;
    border-bottom:1px solid #d0d9e1;
  }
  .nav-subdropdown li > a{
    padding:9px 14px 9px 36px;
    font-size:12px;
    color:#002c56;
    border-bottom:1px solid #d0d9e1;
    background:#c8d2db;
  }

  
</style>