/* Topic 94 shared site shell: approved home header/footer applied globally. */
/* Topic 94 final: IOC dark rectangular component header/footer override. */
/* Topic 94 2026-06-30: global header geometry guard.
   Keeps ioc-pages.css pages from falling back to the old two-row header. */
html body #headerContainer,
html body #headerContainer .header,
html body header.header {
  height: 79px !important;
  min-height: 79px !important;
  max-height: 79px !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 24px !important;
  transform: none !important;
}

html body #headerContainer .header-container,
html body .header .header-container {
  width: 100% !important;
  max-width: 1360px !important;
  height: 78px !important;
  min-height: 78px !important;
  margin: 0 auto !important;
  padding: 0 36px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 305px) minmax(0, 1fr) auto !important;
  gap: 25.6px !important;
  align-items: center !important;
}

html body #headerContainer .logo,
html body .header .logo {
  min-width: 0 !important;
  height: 48px !important;
  align-self: center !important;
}

html body #headerContainer .header-center-stack,
html body .header .header-center-stack {
  min-width: 0 !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

html body #headerContainer .header-nav-shell,
html body .header .header-nav-shell {
  min-width: 0 !important;
  height: 43px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #headerContainer .nav,
html body .header .nav {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #headerContainer .header-auth,
html body .header .header-auth {
  width: auto !important;
  height: 48px !important;
  min-height: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

html body {
  padding-top: 0 !important;
}

html body #headerContainer .header,
html body header.header {
  background: linear-gradient(135deg, #05080f 0%, #0b1220 55%, #111827 100%) !important;
  background-color: #05080f !important;
  background-image: linear-gradient(135deg, #05080f 0%, #0b1220 55%, #111827 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.30) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body #headerContainer .header-container,
html body .header .header-container {
  min-height: 78px !important;
}

html body #headerContainer .header::before,
html body #headerContainer .header::after,
html body #headerContainer .logo-mark::after,
html body .header::before,
html body .header::after,
html body .header .logo-mark::after {
  display: none !important;
  content: none !important;
}

html body #headerContainer .logo,
html body #headerContainer .logo-title,
html body .header .logo,
html body .header .logo-title {
  color: #ffffff !important;
}

html body #headerContainer .logo-subtitle,
html body .header .logo-subtitle {
  color: rgba(255,255,255,.58) !important;
}

html body #headerContainer .logo-mark,
html body .header .logo-mark {
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  color: #05080f !important;
  box-shadow: none !important;
}

html body #headerContainer .header-center-stack,
html body #headerContainer .header-nav-shell,
html body #headerContainer .nav,
html body .header .header-center-stack,
html body .header .header-nav-shell,
html body .header .nav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #headerContainer .header-nav-shell,
html body .header .header-nav-shell {
  background: rgba(255,255,255,.06) !important;
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  padding: 6px !important;
  gap: 4px !important;
}

html body #headerContainer .nav a,
html body #headerContainer .nav-link,
html body #headerContainer .nav-item,
html body .header .nav a,
html body .header .nav-link,
html body .header .nav-item {
  color: rgba(255,255,255,.76) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body #headerContainer .nav a:hover,
html body #headerContainer .nav-link:hover,
html body .header .nav a:hover,
html body .header .nav-link:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.11) !important;
  background-color: rgba(255,255,255,.11) !important;
  transform: none !important;
}

html body #headerContainer .nav a.active,
html body #headerContainer .nav-link.active,
html body #headerContainer .nav-item.active,
html body .header .nav a.active,
html body .header .nav-link.active,
html body .header .nav-item.active {
  color: #05080f !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 900 !important;
}

html body #headerContainer .header-auth .btn,
html body #headerContainer .user-dropdown-toggle,
html body #headerContainer .header-menu-toggle,
html body .header .header-auth .btn,
html body .header .user-dropdown-toggle,
html body .header .header-menu-toggle {
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body #headerContainer .header-auth .btn,
html body #headerContainer .user-dropdown-toggle,
html body .header .header-auth .btn,
html body .header .user-dropdown-toggle {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #ffffff !important;
  color: #05080f !important;
}

html body #footerContainer .footer,
html body footer.footer,
html body:has(.ioc-site) #footerContainer .footer,
html body:has(.news-page-shell) #footerContainer .footer,
html body:has(main) #footerContainer .footer {
  background: #05080f !important;
  background-color: #05080f !important;
  background-image: none !important;
  color: rgba(255,255,255,.78) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

html body #footerContainer .footer::before,
html body #footerContainer .footer::after,
html body #footerContainer .footer-shell::before,
html body #footerContainer .footer-shell::after,
html body #footerContainer .footer-logo-mark::after,
html body .footer::before,
html body .footer::after,
html body .footer .footer-shell::before,
html body .footer .footer-shell::after,
html body .footer .footer-logo-mark::after {
  display: none !important;
  content: none !important;
}

html body #footerContainer .footer-shell,
html body .footer .footer-shell {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #footerContainer .footer-logo,
html body #footerContainer .footer-title,
html body #footerContainer .footer-section h4,
html body #footerContainer .footer-status-card strong,
html body .footer .footer-logo,
html body .footer .footer-title,
html body .footer .footer-section h4,
html body .footer .footer-status-card strong {
  color: #ffffff !important;
}

html body #footerContainer .footer-subtitle,
html body #footerContainer .footer-description,
html body #footerContainer .footer-section p,
html body #footerContainer .footer-bottom,
html body #footerContainer .footer-bottom-links,
html body #footerContainer .footer-status-card span,
html body .footer .footer-subtitle,
html body .footer .footer-description,
html body .footer .footer-section p,
html body .footer .footer-bottom,
html body .footer .footer-bottom-links,
html body .footer .footer-status-card span {
  color: rgba(255,255,255,.62) !important;
}

html body #footerContainer .footer-logo-mark,
html body .footer .footer-logo-mark {
  border-radius: 10px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #05080f !important;
  box-shadow: none !important;
}

html body #footerContainer .footer-section a,
html body .footer .footer-section a {
  color: rgba(255,255,255,.72) !important;
  border-radius: 6px !important;
}

html body #footerContainer .footer-section a:hover,
html body .footer .footer-section a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
  background-color: rgba(255,255,255,.08) !important;
  transform: none !important;
}

html body #footerContainer .footer-socials a,
html body #footerContainer .footer-status-card,
html body #footerContainer .footer-pill,
html body #footerContainer .footer-pill--ghost,
html body .footer .footer-socials a,
html body .footer .footer-status-card,
html body .footer .footer-pill,
html body .footer .footer-pill--ghost {
  background: rgba(255,255,255,.07) !important;
  background-color: rgba(255,255,255,.07) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,.86) !important;
  box-shadow: none !important;
}

html body #footerContainer .footer-bottom,
html body .footer .footer-bottom {
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

/* Topic 94: real federation logo + stricter rectangular navigation frame. */
html body #headerContainer .logo-mark,
html body .header .logo-mark,
html body #footerContainer .footer-logo-mark,
html body .footer .footer-logo-mark {
  overflow: hidden !important;
  border-radius: 4px !important;
}

html body #headerContainer .logo-mark-img,
html body .header .logo-mark-img,
html body #footerContainer .footer-logo-img,
html body .footer .footer-logo-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 4px !important;
}

html body #headerContainer .header-nav-shell,
html body .header .header-nav-shell {
  border-radius: 2px !important;
  padding: 5px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: rgba(255,255,255,.075) !important;
  background-color: rgba(255,255,255,.075) !important;
}

html body #headerContainer .nav a,
html body #headerContainer .nav-link,
html body #headerContainer .nav-item,
html body .header .nav a,
html body .header .nav-link,
html body .header .nav-item {
  border-radius: 2px !important;
}

html body #headerContainer .nav a.active,
html body #headerContainer .nav-link.active,
html body #headerContainer .nav-item.active,
html body .header .nav a.active,
html body .header .nav-link.active,
html body .header .nav-item.active {
  border-radius: 2px !important;
}

html body #headerContainer .header-auth .btn,
html body #headerContainer .user-dropdown-toggle,
html body #headerContainer .header-menu-toggle,
html body .header .header-auth .btn,
html body .header .user-dropdown-toggle,
html body .header .header-menu-toggle,
html body #footerContainer .footer-socials a,
html body #footerContainer .footer-status-card,
html body #footerContainer .footer-pill,
html body #footerContainer .footer-pill--ghost,
html body .footer .footer-socials a,
html body .footer .footer-status-card,
html body .footer .footer-pill,
html body .footer .footer-pill--ghost {
  border-radius: 2px !important;
}

/* Topic 94: show the real federation logo itself, not as a tiny icon inside a white badge. */
html body #headerContainer .logo-mark,
html body .header .logo-mark {
  width: 64px !important;
  height: 64px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #headerContainer .logo-mark-img,
html body .header .logo-mark-img {
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  object-fit: contain !important;
}

html body #footerContainer .footer-logo-mark,
html body .footer .footer-logo-mark {
  width: 54px !important;
  height: 54px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body #footerContainer .footer-logo-img,
html body .footer .footer-logo-img {
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  object-fit: contain !important;
}

/* Topic 94: visible real logo on dark IOC header. Force readable white plaque. */
html body #headerContainer a.logo .logo-mark,
html body .header a.logo .logo-mark {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  box-shadow: none !important;
  padding: 4px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  filter: none !important;
}

html body #headerContainer a.logo .logo-mark > img.logo-mark-img,
html body .header a.logo .logo-mark > img.logo-mark-img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #footerContainer a.footer-logo .footer-logo-mark,
html body .footer a.footer-logo .footer-logo-mark {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  padding: 4px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

html body #footerContainer a.footer-logo .footer-logo-mark > img.footer-logo-img,
html body .footer a.footer-logo .footer-logo-mark > img.footer-logo-img {
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Topic 94 2026-06-30: desktop header parity guard for ioc-pages pages. */
@media (min-width: 901px) {
  html body #headerContainer .header-menu-toggle,
  html body .header .header-menu-toggle {
    display: none !important;
  }

  html body #headerContainer .header-brand-wrap,
  html body .header .header-brand-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  html body #headerContainer .header-center-stack,
  html body .header .header-center-stack {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  html body #headerContainer .header-auth,
  html body .header .header-auth {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }
}

/* Topic 94 2026-06-30 night pass: hard guard against white/transparent federation header regressions. */
html body #headerContainer,
html body #headerContainer .header,
html body header.header,
html body .header:not(.page-header):not(.documents-header):not(.modal-header):not(.profile-header):not(.public-profile-header) {
  background: linear-gradient(135deg, #05080f 0%, #0b1220 55%, #111827 100%) !important;
  background-color: #05080f !important;
  color: #ffffff !important;
}

html body #headerContainer *,
html body header.header * {
  border-color: rgba(255,255,255,.14);
}

html body #headerContainer .logo-title,
html body #headerContainer .logo-subtitle,
html body #headerContainer .nav a,
html body #headerContainer .nav-link,
html body #headerContainer .nav-item,
html body #headerContainer .header-menu-toggle,
html body header.header .logo-title,
html body header.header .logo-subtitle,
html body header.header .nav a,
html body header.header .nav-link,
html body header.header .nav-item,
html body header.header .header-menu-toggle {
  color: rgba(255,255,255,.86) !important;
}

/* Topic 94 2026-07-01: late shell control polish for mobile menu button. */
html body .header-menu-toggle,
html body button.header-menu-toggle {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}
html body .header-menu-toggle :is(i, svg, .menu-icon) {
  color: var(--shell-ink, #101820) !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}
html body .header-menu-toggle .menu-label,
html body .header-menu-toggle .label,
html body .header-menu-toggle span:not(.menu-icon) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Topic 94 2026-07-01: prevent hidden desktop nav from creating mobile horizontal overflow. */
@media (max-width: 820px) {
  html body .header-center-stack,
  html body .header-nav-shell,
  html body .nav.header-nav-shell {
    max-width: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html body .header-menu-toggle,
  html body button.header-menu-toggle {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    flex: 0 0 48px !important;
    margin-inline-start: auto !important;
  }
  html body .header-menu-toggle :is(i, svg, .fas, .fa, .menu-icon) {
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }
}

/* Topic 94 2026-07-01: late text-fit overrides for framed UI labels/cards. */
html body .header-menu-toggle {
  inset-inline-end: max(12px, env(safe-area-inset-right, 0px) + 12px) !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  overflow: hidden !important;
  text-indent: -999px !important;
  white-space: nowrap !important;
}

/* Topic 94 2026-07-01: keep mobile menu hitbox inside viewport. */
@media (max-width: 820px) {
  html body .header-menu-toggle {
    transform: translateX(-44px) !important;
  }
}

/* Topic 94 2026-07-01: final mobile/tablet menu containment. */
@media (max-width: 900px) {
  html body #headerContainer .header-menu-toggle,
  html body header.header .header-menu-toggle,
  html body .header .header-menu-toggle,
  html body button.header-menu-toggle,
  html body .header-menu-toggle {
    position: absolute !important;
    right: 12px !important;
    inset-inline-end: 12px !important;
    left: auto !important;
    transform: none !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

/* Topic 94 2026-08-24: mobile header visual audit fix.
   Keep auth controls out of the hero and prevent the long federation wordmark from clipping. */
@media (max-width: 820px) {
  html body #headerContainer,
  html body #headerContainer .header,
  html body header.header {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    overflow: hidden !important;
  }

  html body #headerContainer .header-container,
  html body .header .header-container {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    padding: 0 12px !important;
    align-items: center !important;
  }

  html body #headerContainer .header-brand-wrap,
  html body .header .header-brand-wrap,
  html body #headerContainer .logo,
  html body .header .logo {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body #headerContainer .logo,
  html body .header .logo {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    height: 72px !important;
    align-items: center !important;
  }

  html body #headerContainer .logo-mark,
  html body .header .logo-mark {
    width: 72px !important;
    height: 72px !important;
    border-radius: 4px !important;
  }

  html body #headerContainer .logo-copy,
  html body .header .logo-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 3px !important;
  }

  html body #headerContainer .logo-title,
  html body .header .logo-title {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: clamp(15px, 4.1vw, 18px) !important;
    line-height: 1.05 !important;
  }

  html body #headerContainer .logo-subtitle,
  html body .header .logo-subtitle {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  html body #headerContainer .header-auth,
  html body .header .header-auth {
    display: none !important;
  }

  html body #headerContainer .header-center-stack,
  html body #headerContainer .header-nav-shell,
  html body #headerContainer .nav,
  html body .header .header-center-stack,
  html body .header .header-nav-shell,
  html body .header .nav {
    display: none !important;
  }

  html body #headerContainer .header-menu-toggle,
  html body header.header .header-menu-toggle,
  html body .header .header-menu-toggle,
  html body button.header-menu-toggle {
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    transform: none !important;
    margin: 0 !important;
  }
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Topic 94 2026-09-08: readability r6 — final header nav fit after shell layer. */
@media (min-width: 1100px) {
  html body .header-container { gap: 10px !important; }
  html body .nav.header-nav-shell,
  html body nav.header-nav-shell,
  html body .header-nav-shell {
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    gap: 4px !important;
    font-size: 11px !important;
  }
  html body .header-nav-shell a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
  }
}

/* Laptop composition on small Android screens: keep the desktop header readable and contained. */
@media (min-width:700px) and (max-width:1100px){
  html body #headerContainer .header-container,
  html body .header .header-container{grid-template-columns:minmax(190px,230px) minmax(0,1fr) auto!important;gap:8px!important;padding:0 14px!important}
  html body #headerContainer .logo,
  html body .header .logo{height:40px!important}
  html body #headerContainer .logo-mark,
  html body .header .logo-mark{width:38px!important;height:38px!important;border-radius:7px!important}
  html body #headerContainer .logo-title,
  html body .header .logo-title{font-size:10px!important;line-height:1.05!important;white-space:nowrap!important}
  html body #headerContainer .logo-subtitle,
  html body .header .logo-subtitle{font-size:7px!important;line-height:1.05!important;white-space:nowrap!important}
  html body #headerContainer .header-center-stack,
  html body .header .header-center-stack{gap:4px!important;height:42px!important}
  html body #headerContainer .header-nav-shell,
  html body .header .header-nav-shell{height:38px!important;padding:3px!important;border-radius:7px!important;overflow:hidden!important}
  html body #headerContainer .nav,
  html body .header .nav{justify-content:flex-start!important;overflow:hidden!important}
  html body #headerContainer .nav a,
  html body #headerContainer .nav-link,
  html body .header .nav a,
  html body .header .nav-link{padding:5px 6px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
  html body #headerContainer .header-auth,
  html body .header .header-auth{height:40px!important;white-space:nowrap!important}
  html body #headerContainer .header-auth .btn,
  html body #headerContainer .user-dropdown-toggle,
  html body .header .header-auth .btn,
  html body .header .user-dropdown-toggle{padding:7px 9px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
}

/* Laptop-on-phone header: nav is an independent rail; auth never gets covered. */
@media (min-width:700px) and (max-width:1100px){
  html body #headerContainer .header-nav-shell,
  html body .header .header-nav-shell{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;touch-action:pan-x!important}
  html body #headerContainer .header-nav-shell::-webkit-scrollbar,
  html body .header .header-nav-shell::-webkit-scrollbar{display:none!important}
  html body #headerContainer .nav,
  html body .header .nav{width:max-content!important;min-width:max-content!important;justify-content:flex-start!important;overflow:visible!important}
}