/* Shared desktop navigation dropdowns.
   Products, Applications, News and the long-form About page receive
   second-level navigation because they have durable category/anchor structures. */
@media (min-width: 1180px) {
  .site-header {
    overflow: visible;
  }

  .site-header .brand-mark {
    width: 20px;
    height: 20px;
  }

  .main-nav {
    overflow: visible;
  }

  /* The four durable parents reserve their arrow space before JavaScript runs.
     This keeps React-mounted News navigation from shifting after first paint. */
  .main-nav > a:is(.gk-nav-parent, :nth-child(1), :nth-child(2), :nth-child(5), :nth-child(6)) {
    padding-right: 15px !important;
  }

  .main-nav > a:is(.gk-nav-parent, :nth-child(1), :nth-child(2), :nth-child(5), :nth-child(6))::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    width: 5px;
    height: 5px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    opacity: 0.68;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 180ms ease, opacity 180ms ease;
    pointer-events: none;
  }

  .main-nav > a.gk-nav-parent[aria-expanded="true"]::before {
    opacity: 1;
    transform: translateY(-28%) rotate(225deg);
  }

  .gk-nav-popover {
    --gk-nav-panel-bg: #ffffff;
    --gk-nav-panel-ink: #46515c;
    --gk-nav-panel-line: rgba(8, 11, 16, 0.11);
    position: fixed;
    z-index: 80;
    width: 252px;
    padding: 8px;
    color: var(--gk-nav-panel-ink);
    background: var(--gk-nav-panel-bg);
    border: 1px solid var(--gk-nav-panel-line);
    box-shadow: 0 12px 30px rgba(8, 11, 16, 0.13);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      visibility 0s linear 180ms;
    pointer-events: none;
  }

  .gk-nav-popover.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
    pointer-events: auto;
  }

  .gk-nav-popover--products {
    width: 252px;
  }

  .gk-nav-popover--applications {
    width: 300px;
  }

  .gk-nav-popover--about {
    width: 244px;
  }

  .gk-nav-list {
    display: grid;
  }

  .gk-nav-popover a {
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 41px;
    padding: 9px 14px !important;
    color: var(--gk-nav-panel-ink) !important;
    font-size: 14px !important;
    line-height: 1.35;
    font-weight: 400 !important;
    white-space: normal;
    transition: color 180ms ease, background-color 180ms ease;
  }

  .gk-nav-popover a::before,
  .gk-nav-popover a::after {
    content: none !important;
    display: none !important;
  }

  .gk-nav-popover a:hover,
  .gk-nav-popover a:focus-visible,
  .gk-nav-popover a[aria-current="page"] {
    color: #0066ff !important;
    background: rgba(0, 102, 255, 0.055);
  }

  .gk-nav-popover a[aria-current="page"] {
    font-weight: 600 !important;
  }

  .gk-nav-popover a:focus-visible {
    outline: 2px solid #0066ff;
    outline-offset: 3px;
  }

  .apx-application {
    scroll-margin-top: 76px;
  }
}