/* Insights disclosure only. Other navigation retains its established site styles. */
nav#mainNav.main .insights-menu .dropdown.nav-panel { width:540px; min-width:0; padding:16px 12px 10px; }
nav#mainNav.main .insights-menu .nav-panel-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:12px; }
nav#mainNav.main .insights-menu .nav-menu-group { min-width:0; }
nav#mainNav.main .insights-menu .dd-group-title { margin:8px 18px 10px; font:600 10px/1.6 var(--sans); letter-spacing:1px; text-transform:uppercase; color:var(--steel); }
nav#mainNav.main .insights-menu .ddi-primary { line-height:1.5; }
nav#mainNav.main .insights-menu > .dropdown { transition:opacity .12s ease .14s, transform .12s ease .14s, visibility 0s linear .26s; }
nav#mainNav.main .insights-menu:not(.open) > .dropdown { opacity:0; visibility:hidden; }
nav#mainNav.main .insights-menu:not(.open) > .dd-trigger svg { transform:none; }
nav#mainNav.main .insights-menu.open > .dropdown { opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s; }
nav#mainNav.main .insights-menu .dd-trigger:focus-visible, nav#mainNav.main .insights-menu a:focus-visible { outline:2px solid var(--bx-red); outline-offset:3px; }
/* Keep the hover route continuous from the label into the panel. */
@media(min-width:1101px) and (hover:hover) and (pointer:fine) {
  nav#mainNav.main .insights-menu:hover > .dropdown { opacity:1; visibility:visible; transform:translateY(0); transition-delay:0s; }
  nav#mainNav.main .insights-menu:hover > .dd-trigger svg { transform:rotate(180deg); }
  nav#mainNav.main .insights-menu:hover::after, nav#mainNav.main .insights-menu.open::after { content:''; position:absolute; left:0; right:0; top:100%; height:12px; }
}
@media(max-width:1100px) {
  body.nav-open nav#mainNav.main .insights-menu .dropdown.nav-panel { position:static; width:100%; min-width:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; padding:0; transform:none; max-height:none; transition:none; }
  body.nav-open nav#mainNav.main .insights-menu:not(.open) > .dropdown { display:none; }
  body.nav-open nav#mainNav.main .insights-menu.open > .dropdown { display:block; max-height:none; padding-bottom:12px; }
  body.nav-open nav#mainNav.main .insights-menu .nav-panel-grid { grid-template-columns:1fr; gap:6px; }
  body.nav-open nav#mainNav.main .insights-menu .dd-group-title { margin:14px 16px 8px 28px; }
}
@media(prefers-reduced-motion:reduce) { nav#mainNav.main .insights-menu .dropdown, nav#mainNav.main .insights-menu .dd-trigger svg { transition:none; } }
