h2, h3, h4 { font-weight: 700; }

/* --- Mobile nav fixes --- */

/* Our custom blue bar should NOT cover the Material header */
header[style*="background:#003366"] {
  position: relative;
  z-index: 1;           /* keep below Material header */
  margin-bottom: .25rem;
}

/* Make sure the Material header (with hamburger) is above everything and sticky */
.md-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Compact our blue bar on narrow screens so it doesn't push content too far */
@media (max-width: 600px) {
  header[style*="background:#003366"] {
    padding: 0.4rem 0.75rem !important;
    font-size: 0.95rem !important;
  }
  header[style*="background:#003366"] div:nth-child(2) {
    width: 100%;
    margin-top: 4px;
  }
}

/* Ensure the drawer (hamburger menu) button is never hidden by overrides */
@media (max-width: 1024px) {
  .md-header__button { display: inline-flex !important; }
}

/* --- Mobile nav fixes --- */

/* Our custom blue bar should NOT cover the Material header */
header[style*="background:#003366"] {
  position: relative;
  z-index: 1;           /* keep below Material header */
  margin-bottom: .25rem;
}

/* Make sure the Material header (with hamburger) is above everything and sticky */
.md-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Compact our blue bar on narrow screens so it doesn't push content too far */
@media (max-width: 600px) {
  header[style*="background:#003366"] {
    padding: 0.4rem 0.75rem !important;
    font-size: 0.95rem !important;
  }
  header[style*="background:#003366"] div:nth-child(2) {
    width: 100%;
    margin-top: 4px;
  }
}

/* Ensure the drawer (hamburger menu) button is never hidden by overrides */
@media (max-width: 1024px) {
  .md-header__button { display: inline-flex !important; }
}
