/* Match the source site's full-width horizontal submenu, not a select-style list. */
@media (min-width: 701px) {
  .desktop-nav .nav-group > a {
    position: relative;
    height: 78px;
  }

  .desktop-nav .nav-group > a::after {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 3px;
    background: var(--teal);
    content: "";
    transition: left .2s, right .2s;
  }

  .desktop-nav .nav-group:hover > a::after,
  .desktop-nav .nav-group:focus-within > a::after,
  .desktop-nav .nav-group > a[aria-current="page"]::after {
    right: 0;
    left: 0;
  }

  .nav-dropdown {
    position: fixed;
    top: 78px;
    right: 0;
    left: 0;
    z-index: 41;
    width: 100%;
    min-height: 58px;
    padding: 0 24px;
    border: 0;
    border-bottom: 1px solid #e1e5e6;
    background: #fff;
    box-shadow: 0 12px 22px rgba(13, 45, 53, .08);
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 3vw, 46px);
  }

  .nav-group:hover .nav-dropdown,
  .nav-group:focus-within .nav-dropdown { display: flex; }

  .nav-dropdown a {
    display: inline-flex;
    align-items: center;
    min-height: 58px;
    padding: 0;
    font-size: 13px;
  }

  .nav-dropdown a:hover,
  .nav-dropdown a:focus-visible {
    background: transparent;
    color: var(--teal-dark);
  }
}