/* Dropdown2: compact navigation with clear section links. */
.nav--dropdown2 .nav-item-link{padding-inline:10px;font-size:12px}
.nav--dropdown2 .nav-sub{width:max-content;min-width:128px;max-width:240px;padding:4px;border-top:2px solid var(--red);background:#111113}
.nav--dropdown2 .nav-sub-link{padding:10px 10px;letter-spacing:0;font-size:12px!important;font-weight:600;border-bottom:1px solid var(--line)}
.nav--dropdown2 .nav-sub-link:last-child{border-bottom:0}
.nav--dropdown2 .nav-sub-link:hover,.nav--dropdown2 .nav-sub-link:focus-visible{background:var(--redSoft)}
.nav--dropdown2 .nav-mega-col{border-left:2px solid var(--red);padding-left:16px;gap:8px}
.nav--dropdown2 .nav-mega-col a:not(.nav-mega-title){font-size:12px;font-weight:600;line-height:1.4}
@media(min-width:1051px) and (max-width:1450px){.nav--dropdown2 .nav-side .social-dot{display:none}.nav--dropdown2 .nav-side .social-dot.nav-login{display:grid}.nav--dropdown2 .nav-item-link{padding-inline:8px}}

.nav--dropdown2 .nav-caret{display:none}

/* Equal spacing between labels, independent of their text length. */
.nav--dropdown2 .nav-links--dropdown{gap:var(--nav-gap,24px)}
.nav--dropdown2 .nav-links--dropdown > .nav-item{flex:0 0 auto}
.nav--dropdown2 .nav-links--dropdown > .nav-item > .nav-item-link{width:auto;padding-inline:0}
.nav--dropdown2 .nav-sub-link{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;justify-content:flex-start}
.nav--dropdown2 .nav-sub-link::after{display:none}

.nav--dropdown2 .nav-expand-all{width:30px;height:30px;padding:0;font-size:11px;letter-spacing:0}

/* Anchor flyouts to the full header height and their own menu label. */
@media(min-width:1051px){
  .nav--dropdown2 .nav-inner{height:100%}
  .nav--dropdown2 .nav-links--dropdown{height:100%}
  .nav--dropdown2 .nav-sub{top:100%;left:0;transform:translateY(6px)}
  .nav--dropdown2 .nav-item:hover > .nav-sub,
  .nav--dropdown2 .nav-item:focus-within > .nav-sub,
  .nav--dropdown2 .nav-item.is-open > .nav-sub{transform:translateY(0)}
  .nav--dropdown2 .nav-item-link{line-height:20px}
  .nav--dropdown2 .nav-item-link::after{top:calc(50% + 18px);bottom:auto}

  /* Expand-all: compact panel under nav links (not full-bleed) */
  .nav--dropdown2.is-expand-all .nav-item.has-sub > .nav-sub{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .nav--dropdown2 .nav-mega{
    left:auto;
    right:max(16px, calc((100vw - min(100vw, var(--max,1680px))) / 2 + var(--pad,24px)));
    width:min(560px, calc(100vw - 48px));
    border:1px solid rgba(255,255,255,.16);
    border-top:2px solid var(--red,#e01d26);
    border-bottom:0;
    background:rgba(12,12,14,.98);
    box-shadow:
      0 16px 40px rgba(0,0,0,.6),
      0 0 0 1px rgba(224,29,38,.16);
    border-radius:0 0 8px 8px;
    transform-origin:top right;
  }
  .nav--dropdown2 .nav-mega:not([hidden]){
    display:block;
  }
  .nav--dropdown2 .nav-mega:not(.is-mega-open){
    transform:translateY(-10px) scale(.98);
  }
  .nav--dropdown2 .nav-mega.is-mega-open{
    transform:none;
  }
  .nav--dropdown2 .nav-mega-inner.shell,
  .nav--dropdown2 .nav-mega-inner{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px 14px;
    width:100%;
    max-width:none;
    margin:0;
    padding:14px 16px 16px;
  }
  .nav--dropdown2 .nav-mega.is-mega-open .nav-mega-col{
    opacity:0;
    transform:translateY(8px);
    animation:navMegaColIn .32s cubic-bezier(.2,.8,.2,1) forwards;
  }
  .nav--dropdown2 .nav-mega.is-mega-open .nav-mega-col:nth-child(1){animation-delay:.04s}
  .nav--dropdown2 .nav-mega.is-mega-open .nav-mega-col:nth-child(2){animation-delay:.08s}
  .nav--dropdown2 .nav-mega.is-mega-open .nav-mega-col:nth-child(3){animation-delay:.12s}
  .nav--dropdown2 .nav-mega.is-mega-open .nav-mega-col:nth-child(4){animation-delay:.16s}
  @keyframes navMegaColIn{
    to{opacity:1;transform:none}
  }
  .nav--dropdown2 .nav-expand-all [data-nav-expand-label]{
    display:inline-block;
    transition:transform .22s ease;
  }
  .nav--dropdown2.is-expand-all .nav-expand-all [data-nav-expand-label]{
    transform:rotate(180deg);
  }
  .nav--dropdown2 .nav-mega-title{
    margin-bottom:4px;
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .nav--dropdown2 .nav-mega-col a:not(.nav-mega-title){
    color:#c9c9ce;
  }
  .nav--dropdown2 .nav-mega-col a:not(.nav-mega-title):hover{
    color:#fff;
  }
}

@media(min-width:1051px) and (max-width:1180px){
  .nav--dropdown2 .nav-mega{
    width:min(480px, calc(100vw - 32px));
  }
  .nav--dropdown2 .nav-mega-inner.shell,
  .nav--dropdown2 .nav-mega-inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Keep the utility beside Q&A and close selected flyouts until re-entry. */
.nav--dropdown2 .nav-expand-all{align-self:center;flex:0 0 30px;margin-left:11px;opacity:var(--nav-expand-opacity,.6)}
.nav--dropdown2 .nav-item.is-dismissed > .nav-sub{visibility:hidden;opacity:0;pointer-events:none}

/* Q&A row keeps expand button beside the label */
.nav--dropdown2 .nav-item:has(> .nav-expand-all){
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:0;
}
