/* Native menu chevrons must not depend on Font Awesome glyphs.
   Both normal .nav-panel and its moved compact-dialog instance are covered. */
.nav-panel #nav-wrapper .sub-menu-toggle {
  display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
  box-sizing:border-box; width:44px; height:44px; margin:0; padding:0;
  cursor:pointer; line-height:1; background:transparent; border:0;
}
.nav-panel #nav-wrapper .sub-menu-toggle::after,
#ae-mobile-nav-dialog .nav-panel .sub-menu-toggle::after {
  content:""; display:block; width:8px; height:8px; box-sizing:border-box;
  margin:-4px 0 0; padding:0; border:0; border-right:2px solid; border-bottom:2px solid;
  background:none; font-family:inherit; font-size:inherit; line-height:1;
  transform:rotate(45deg); transition:transform .18s ease;
}
.nav-panel #nav-wrapper .sub-menu-toggle[aria-expanded="true"]::after,
#ae-mobile-nav-dialog .nav-panel .sub-menu-toggle[aria-expanded="true"]::after {
  transform:rotate(225deg); margin:4px 0 0;
}
.nav-panel #nav-wrapper .menu-item-has-children > a {
  display:inline-block; max-width:calc(100% - 48px); vertical-align:middle;
  box-sizing:border-box; overflow-wrap:anywhere;
}
.nav-panel #nav-wrapper .sub-menu-toggle:focus-visible {
  outline:2px solid currentColor; outline-offset:2px; border-radius:3px;
}
@media(prefers-reduced-motion:reduce) {
  .nav-panel #nav-wrapper .sub-menu-toggle::after,
  #ae-mobile-nav-dialog .nav-panel .sub-menu-toggle::after { transition:none; }
}