/* Keep resource-page navigation identical to the approved global homepage header. */
body.jm-resource-page .jm-header {
  position: relative !important;
  inset: auto !important;
  z-index: 40;
  width: 100%;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: var(--jm-deep, #0e1613) !important;
  color: var(--jm-ivory, #f3f1ec) !important;
  backdrop-filter: none;
}

body.jm-resource-page .jm-header__bar {
  width: min(var(--jm-wide, 1680px), calc(100% - 10rem)) !important;
  height: 92px !important;
  min-height: 92px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.jm-resource-page .jm-brand,
body.jm-resource-page .jm-nav a {
  color: inherit !important;
}

body.jm-resource-page .jm-nav a[href*="/about"] {
  display: inline-flex !important;
}

body.jm-resource-page .jm-header__bar > .jm-btn {
  display: inline-flex !important;
}

@media (max-width: 1020px) {
  body.jm-resource-page .jm-header__bar {
    width: min(var(--jm-wide, 1680px), calc(100% - 3rem)) !important;
  }
}

@media (max-width: 780px) {
  body.jm-resource-page .jm-header {
    height: auto !important;
    min-height: 76px !important;
  }

  body.jm-resource-page .jm-header__bar {
    width: min(var(--jm-wide, 1680px), calc(100% - 2rem)) !important;
    height: 76px !important;
    min-height: 76px !important;
  }

  body.jm-resource-page .jm-header__bar > .jm-btn {
    display: none !important;
  }

  body.jm-resource-page .jm-mobile {
    position: relative;
    z-index: 1;
    width: calc(100% - 2rem);
    background: var(--jm-deep, #0e1613);
  }

  body.jm-resource-page .jm-mobile.is-open {
    display: flex !important;
    padding: 20px 0 24px;
  }

  body.jm-resource-page .jm-mobile > .jm-btn {
    display: inline-flex !important;
    width: fit-content;
    min-width: 0;
    align-self: flex-start;
  }
}