/* P84: top-level menu font = sub-menu token (--ff-mono, IBM Plex Mono). Mobile overlay: ics-mobile-menu.css. Desktop header nav (>=992): this file. Tokens only. */
:root {
  --font-menu: var(--ff-mono);
  --menu-track: 0.02em;
  --menu-gap: 12px;
  --menu-fs: clamp(14px, 1.3vw, 20px);
}
@media (min-width: 992px) {
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] {
    column-gap: var(--menu-gap) !important;
  }
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] > li {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] > li > a,
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] > li > .brx-submenu-toggle > a {
    font-family: var(--font-menu) !important;
    font-size: var(--menu-fs) !important;
    letter-spacing: var(--menu-track) !important;
  }
}
@media (min-width: 1100px) and (max-width: 1439.98px) {
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] {
    margin-left: 4px !important;
  }
}
@media (min-width: 992px) and (max-width: 1099.98px) {
  html body #brx-header #brxe-noa29x ul.bricks-nav-menu[id^="menu-ics-main"] {
    column-gap: 4px !important;
  }
}
