.brandbar .shell { min-height: 94px; }
    .seal { width: 60px; height: 60px; flex: 0 0 60px; border: 0; border-radius: 0; overflow: visible; }
    .seal img { display: block; width: 100%; height: 100%; object-fit: contain; }    .links .has-submenu { position: relative; }
    .links .submenu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 230px; margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 6px 18px rgb(0 0 0 / 15%); }
    .links .submenu li { margin: 0; }
    .links .submenu a, .links .submenu .submenu-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px; color: #222; text-decoration: none; white-space: nowrap; }
    .links .submenu a:hover, .links .submenu a:focus-visible, .links .submenu .submenu-toggle:hover, .links .submenu .submenu-toggle:focus-visible { background: #edf3f8; color: #003366; }
    .links .submenu .submenu { top: 0; left: 100%; }
    .links .has-submenu.expanded > .submenu { display: block; }
    .submenu-toggle { display: flex; align-items: center; gap: 12px; width: 100%; border: 0; padding: 13px 16px; background: transparent; color: #fff; font: inherit; font-size: .9rem; text-align: left; cursor: pointer; }
    .submenu-toggle.active, .submenu-toggle:hover { background: #023354; }

@media (max-width: 760px) {
  .brandbar .shell { min-height: 82px; gap: 12px; }
  .seal { width: 60px; height: 60px; flex-basis: 60px; }
  .links .submenu, .links .submenu .submenu { position: static; min-width: 0; margin-left: 16px; border: 0; border-left: 2px solid #ddd; border-radius: 0; box-shadow: none; }
  .links .submenu a, .links .submenu .submenu-toggle { white-space: normal; }
  .submenu-toggle { padding: 9px 0; }
}
@media (max-width: 440px) {
  .seal { width: 48px; height: 48px; flex-basis: 48px; }
}