/* Keep the original report styling; reserve the left side for its home logo. */
.navbar { background-color: #000; }
.navbar .container-2 {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 68px;
  margin: 0;
  padding: 0 24px;
}
.navbar .container-2::before,
.navbar .container-2::after { display: none; }
/* Brand asset, typography and spacing match the Interactive Health report. */
@font-face { font-family: XRHA-Poppins; src: url('assets/poppins-600.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: XRHA-Inter; src: url('assets/inter-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
.navbar .xrha-home-link {
  display: flex;
  align-items: center;
  gap: 11px;
  flex: 0 0 auto;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  line-height: 1.14;
  font-family: XRHA-Poppins, Poppins, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.4px;
}
.navbar .xrha-home-link img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.navbar .xrha-home-link small {
  display: block;
  font-family: XRHA-Inter, Inter, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 6px;
  color: #c6cbd0;
}
.navbar .xrha-home-link:focus-visible {
  outline: 2px solid var(--turquoise);
  outline-offset: 5px;
}
.navbar .nav-menu {
  background-color: #000;
  flex: 1 1 0%;
  min-width: 0;
  width: auto;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .navbar .container-2 {
    min-height: 64px;
    padding: 0 20px;
  }
  .navbar .menu-button-2 {
    flex: 0 0 auto;
    margin: 0 0 0 auto;
  }
  .navbar .nav-menu {
    flex: none;
    width: 100%;
    margin: 0;
    justify-content: center;
  }
}

/* Keep every top-level heading white, including dropdown and active labels. */
.navbar .nav-menu > .nav-link-1,
.navbar .nav-menu > .nav-link-1:hover,
.navbar .nav-menu > .nav-link-1.w--current,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle .text-block,
.navbar .dropdown-toggle .icon-3,
.navbar .menu-button-2 .icon {
  color: #fff;
}

@media screen and (max-width: 680px) {
  .navbar .xrha-home-link { font-size: 12px; gap: 6px; }
  .navbar .xrha-home-link img { width: 30px; height: 30px; }
  .navbar .xrha-home-link small { font-size: 9px; }
}
@media screen and (max-width: 380px) {
  .navbar .xrha-home-link > span { font-size: 0; }
  .navbar .xrha-home-link { flex-direction: column; gap: 0; }
  .navbar .xrha-home-link small { font-size: 8px; margin-top: 2px; }
}
