/* Opt-in header groups: align supporting text without changing cards or forms.
   Layered important declarations override the older, unlayered page-specific
   alignment locks without an escalating chain of ID selectors. */
@layer section-heading-groups {
  [data-heading-align="center"] > :is(
    .section-label, .chip, .eyebrow, .section-eyebrow, .hero-badge, p
  ) {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
  }

  /* Inline badges need a block-level box for automatic margins to center it. */
  [data-heading-align="center"] > :is(.chip, .hero-badge) {
    display: flex !important;
    width: fit-content !important;
    max-width: 100%;
  }
}