.subpage-nav-dropdown > .subpage-nav-dropdown-panel {
  display: none;
}

.subpage-nav-dropdown.is-open > .subpage-nav-dropdown-panel {
  display: grid;
}

.subpage-nav-dropdown > button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.subpage-mobile-menu > .subpage-mobile-menu-panel {
  display: none;
}

.subpage-mobile-menu.is-open > .subpage-mobile-menu-panel {
  display: grid;
}

/* Dark mobile nav: #0c7e38 was for light surfaces and fails 4.5:1 on #050505. */
.subpage-mobile-menu-panel .subpage-mobile-menu-heading,
.subpage-mobile-menu-panel a[aria-current="page"] {
  color: #19ef86;
}

body.menu-open {
  overflow: hidden;
}

/*
  Header links when scripting is unavailable, including
  Emulation.setScriptExecutionDisabled. These queries do not match while
  scripting is enabled, so the collapsed menus stay on the rules above.
  Mobile uses the same 1180px switch as site.css. The panel leaves the
  fixed layer and the header grows with it, so the menu scrolls with the
  page. Desktop company links join the bar; the toggle button is removed
  because it cannot open without script.
*/
@media (scripting: none) and (max-width: 1180px) {
  .subpage-header {
    height: auto;
    position: static;
  }

  .subpage-header-inner {
    height: auto;
    flex-wrap: wrap;
  }

  .subpage-mobile-menu {
    flex: 1 0 100%;
    width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  .subpage-mobile-menu-toggle {
    display: none;
  }

  .subpage-mobile-menu > .subpage-mobile-menu-panel {
    display: grid;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    min-height: 0;
    overflow: visible;
  }
}

@media (scripting: none) and (min-width: 1181px) {
  .subpage-nav-dropdown > button {
    display: none;
  }

  .subpage-nav-dropdown > .subpage-nav-dropdown-panel {
    display: flex;
    position: static;
    width: auto;
    gap: 26px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
  }

  .subpage-nav-dropdown-panel::before,
  .subpage-nav-dropdown-panel > p {
    display: none;
  }

  .subpage-desktop-nav .subpage-nav-dropdown-panel a {
    color: #fff;
    padding: 12px 0;
    font-size: 13px;
    background: transparent;
  }

  .subpage-desktop-nav .subpage-nav-dropdown-panel a:hover,
  .subpage-desktop-nav .subpage-nav-dropdown-panel a:focus-visible {
    color: #fff;
    background: transparent;
  }

  .subpage-desktop-nav .subpage-nav-dropdown-panel a[aria-current="page"] {
    color: #19ef86;
  }

  .subpage-desktop-nav .subpage-nav-dropdown-panel a span {
    display: none;
  }
}