/* OPTUM main navigation: retain the existing 1000 px collapse breakpoint. */
@media screen and (max-width: 1000px) {
  .topheader .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-inline-size: 110px;
    min-block-size: 48px;
    padding: 12px 17px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #214b3c;
    border-radius: 8px;
    background: #214b3c;
    color: #f7faf2;
    font-family: inherit;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: .015em;
    word-spacing: .25em;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    box-shadow: 0 2px 6px #17322918, inset 0 1px 0 #ffffff12;
    transition: background-color .16s ease, border-color .16s ease,
      box-shadow .16s ease, transform .12s ease;
  }

  .topheader .menu-toggle[aria-expanded="true"] {
    background: #163b2e;
    border-color: #799f83;
    box-shadow: inset 0 -3px 0 #a5c28d, 0 2px 6px #17322918;
  }

  .topheader .menu-toggle:focus-visible {
    outline: 3px solid #315d47;
    outline-offset: 4px;
  }

  .topheader .menu-toggle:active {
    background: #102e23;
    transform: translateY(1px);
    box-shadow: inset 0 2px 4px #00000026;
  }
}

@media screen and (max-width: 1000px) and (hover: hover) {
  .topheader .menu-toggle:hover {
    background: #2d5c49;
    border-color: #2d5c49;
    box-shadow: 0 3px 9px #17322924, inset 0 1px 0 #ffffff18;
  }

  .topheader .menu-toggle[aria-expanded="true"]:hover {
    background: #204a39;
    border-color: #a5c28d;
    box-shadow: inset 0 -3px 0 #a5c28d, 0 3px 9px #17322924;
  }

  .topheader .menu-toggle:active {
    background: #102e23;
    border-color: #102e23;
    box-shadow: inset 0 2px 4px #00000026;
  }
}

@media screen and (max-width: 1000px) and (prefers-reduced-motion: reduce) {
  .topheader .menu-toggle {
    transition: none;
  }

  .topheader .menu-toggle:active {
    transform: none;
  }
}

@media screen and (max-width: 1000px) and (forced-colors: active) {
  .topheader .menu-toggle {
    border: 2px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
    box-shadow: none;
  }

  .topheader .menu-toggle[aria-expanded="true"] {
    border-color: Highlight;
    background: Highlight;
    color: HighlightText;
  }

  .topheader .menu-toggle:focus-visible {
    outline-color: Highlight;
  }
}