/*
  sectionHeader — a section's title with a hairline below it (component.json sectionHeader, 6 tokens).
  Owns: text -> 16px -> hairline -> 32px -> whatever follows. Not the space above the text (the section's padding).
  Always on a light surface. The hairline stops at the text column's edge.
*/

.section-header {
  font-family: var(--section-header-text-style-all-font-family);
  font-size: var(--section-header-text-style-all-font-size);
  font-weight: var(--section-header-text-style-all-font-weight);
  line-height: var(--section-header-text-style-all-line-height);
  color: var(--section-header-content-all);
  padding-block-end: var(--section-header-padding-bottom-all);
  border-block-end: var(--section-header-divider-width-all) solid var(--section-header-divider-all);
  margin-block-end: var(--section-header-gap-all);
  text-wrap: balance;
}