/* Plain section labels, shared by the homepage and interior pages. */
html:root body .eyebrow.section-label,
html:root body .heritage-kicker.section-label,
html:root body .stage-kicker.section-label,
html:root body .partner-card-label.section-label,
html:root body .partner-place-location.section-label,
html:root body .bridge-step-category.section-label,
html:root body .capability-card-eyebrow.section-label,
html:root body .new-chapter-points .section-label {
  font-family: inherit;
  font-size: var(--section-label-size, 18px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: normal;
  text-transform: none;
  text-wrap: pretty;
}
.section-label--compact {
  --section-label-size: 16px;
}
/* Retain each section's own text color and alignment on light and dark panels. */
html:root body .eyebrow.section-label {
  gap: 0;
}
html:root body .eyebrow.section-label > span:empty {
  display: none;
}
@media (max-width: 600px) {
  .section-label {
    --section-label-size: 17px;
  }
  .section-label--compact {
    --section-label-size: 16px;
  }
}