/*
  sectionHeader — a section's title (component.json sectionHeader, 3 tokens).
  Owns: text -> 32px -> whatever follows. Not the space above the text (the section's padding).
  Size 31.25px on phones growing to 39.06px at 1280px, weight 500 (Vivek, 2026-10-21, item 16; was 31.25px bold).
  Always on a light surface. No hairline of its own since 2026-10-19: the line between two same-fill
  sections belongs to the section (section.css), in the middle of the space between them.
*/

.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);
  margin-block-end: var(--section-header-gap-all);
  text-wrap: balance;
}