/* Shared hero option strips (Header H: show stats/highlights on hero). */
.bb-hero-title-main,
.fm-hero-title-main,
.sg-hero-title-main {
  white-space: pre-line;
}

.bb-hero-em,
.fm-hero-em,
.sg-hero-em {
  font-style: italic;
  color: var(--color-primary, #0f766e);
}

.bb-hero-highlights,
.bb-hero-stats {
  width: 100%;
}

.bb-hero-highlights__inner,
.bb-hero-stats__inner {
  max-width: 88rem;
  margin-inline: auto;
  padding: 0.8rem clamp(1rem, 3vw, 2.5rem);
  display: grid;
  gap: 0.6rem;
}

.bb-hero-highlights__inner {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.bb-hero-stats__inner {
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.bb-hero-highlights__item,
.bb-hero-stats__item {
  border-radius: 0.8rem;
  border: 1px solid color-mix(in srgb, var(--color-border, #d7dce5) 80%, transparent);
  background: color-mix(in srgb, var(--color-bg, #ffffff) 92%, #0f172a 8%);
  color: var(--color-text, #0f172a);
  padding: 0.65rem 0.8rem;
}

.bb-hero-highlights__item {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
}

.bb-hero-highlights__item i {
  margin-top: 0.15rem;
  color: var(--color-primary, #0f766e);
}

.bb-hero-highlights__item span,
.bb-hero-stats__item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.bb-hero-highlights__item strong,
.bb-hero-stats__item strong {
  font-size: 0.92rem;
  line-height: 1.2;
}

.bb-hero-highlights__item small,
.bb-hero-stats__item span {
  color: var(--color-muted, #5b6575);
  font-size: 0.78rem;
  line-height: 1.3;
}