/* A4 submenu: use the existing navigation styles and mobile breakpoint. */
.nav-dd > .nav-label-toggle {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 4px 0 14px;
  border: 0;
  border-radius: 999px;
  background: none;
  font-size: 0.95rem;
  transition: background-color 0.25s;
}
.nav-dd > .nav-label-toggle:hover { background: rgba(127, 127, 127, 0.16); }
.mega-a4-menu { width: min(280px, 92vw); }
@media (max-width: 1180px) {
  .nav-dd > .nav-label-toggle { padding: 0 10px; }
}
@media (max-width: 1100px) {
  .nav-dd > .nav-label-toggle { flex: 1; }
  .mega-a4-menu { width: 100%; }
}