/* Shared heading scale for Bilimetrix landing and editorial pages. */
main h1,
main .hero-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.02em;
  color: var(--bilimetrix-navy, #2e4e6a);
}

main h2:not(.title),
main .section-title {
  font-family: var(--font-display);
  font-size: clamp(1.55rem, 2.5vw, 2rem);
  font-weight: 600;
  line-height: 1.25;
  color: var(--bilimetrix-navy, #2e4e6a);
}

main h3,
main h4,
main h5,
main h6 { font-family: var(--font-display); }

.breadcrumbs {
  padding: .55rem 0;
  background: #f4f9fd;
  font-family: var(--font-primary);
}
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  font-size: .82rem;
  font-weight: 400;
  color: var(--bilimetrix-muted, #63748d);
}
.breadcrumbs a { color: var(--bilimetrix-action, #5b9bd5); }
.breadcrumbs a:hover { text-decoration: underline; }

@media (max-width: 767.98px) {
  main h1,
  main .hero-title { font-size: clamp(2rem, 8vw, 2.5rem); }
  .breadcrumbs .container { padding-inline: 1.25rem; }
}