/* Progressive navigation: keep real links usable if JavaScript is off or fails. */
header.nav:focus-within { transform: none !important; }
header.nav .mega a:focus-visible {
  outline: 2px solid #5bd2ff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px #081322 !important;
}
header.nav .has-mega:focus-within .mega {
  opacity: 1;
  visibility: visible;
  max-height: 600px;
  overflow: visible;
  transform: translateX(-50%) translateY(0);
  transition: opacity .25s, transform .25s, visibility .25s, max-height 0s;
}

@media (max-width:1280px) {
  html:not(.company-navigation-ready) header.nav {
    position: relative !important;
  }
  html:not(.company-navigation-ready) header.nav .nav-in {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
    gap: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  html:not(.company-navigation-ready) header.nav .nav-links {
    display: flex !important;
    position: static !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
    height: auto !important;
    max-height: none;
    overflow: visible;
    margin: 0;
    padding: 0;
    gap: 8px;
  }
  html:not(.company-navigation-ready) header.nav .nav-toggle {
    display: none !important;
  }
}