/* v451.599: the Insights menu lists the six articles by title; a wider panel keeps each title on one or two lines. */
@media (min-width:992px){
  .site-navigation li.menu-item-has-children:has(> a[href="/insights"]) > ul{width:440px!important;min-width:440px!important;max-width:min(440px,calc(100vw - 32px))!important}
  .site-navigation li.menu-item-has-children:has(> a[href="/insights"]) > ul > li > a{white-space:normal!important;line-height:1.35!important}
}

/* v451.600: every drop-down entry reacts as soon as the pointer is on it.
   The hover background used to be the same cyan as the panel, so nothing
   seemed to happen. Now: darker band and dark bar on the left; v451.601: the text
   never moves (no shift, no change of size or weight). The current page keeps its own style (dark background, white
   text), so hovering and "you are here" never look alike. */
@media (hover:hover) and (min-width:992px){
  body.aid-context-public #navigation #main-menu ul li ul li>a{transition:background-color .15s ease,box-shadow .15s ease,color .15s ease!important}
  body.aid-context-public #navigation #main-menu ul li ul li>a:not(.is-current-page):not([aria-current="page"]):hover,
  body.aid-context-public #navigation #main-menu ul li ul li>a:not(.is-current-page):not([aria-current="page"]):focus-visible{
    background:rgba(9,22,38,.26)!important;
    color:#06121f!important;
    box-shadow:inset 4px 0 0 #0b1a2c!important
  }
}
@media (prefers-reduced-motion:reduce){
  body.aid-context-public #navigation #main-menu ul li ul li>a{transition:none!important}
}
/* Mobile menu: a light band under the finger, without delay. */
.sm_menu_outer .mobile_menu .sub-menu>li>a:not(.is-current-page):not([aria-current="page"]):hover,
.sm_menu_outer .mobile_menu .sub-menu>li>a:not(.is-current-page):not([aria-current="page"]):active{background:rgba(24,254,245,.08)!important}