/* Uppercase heading used above sections and subsections, and at the top of a card (e.g.
   "Content", "Performance criteria"). */
.section-label {
  color: var(--color-text-subtle);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  letter-spacing: 0.12em;
  margin: 0 0 var(--size-3);
  text-transform: uppercase;
}

/* For a label that anchors one of a page's main regions rather than naming a subsection. */
.section-label--strong {
  color: var(--color-text);
}