/* Heading semantics may change; their original appearance must not.
 * Only transformed WYSIWYG headings receive these classes. Values mirror the
 * existing Bootstrap heading sizes; colors, IDs and inline styles are untouched.
 */
.a11y-legacy-h1 { font-size: 2.5rem; }
.a11y-legacy-h2 { font-size: 2rem; }
.a11y-legacy-h3 { font-size: 1.75rem; }
.a11y-legacy-h4 { font-size: 1.5rem; }
.a11y-legacy-h5 { font-size: 1.25rem; }
.a11y-legacy-h6 { font-size: 1rem; }

/* The legacy CTA selector styles h3 specially, including its responsive line
 * height and bottom margin. Retain that exact rule after a native level change.
 */
.cta__text .a11y-legacy-h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .cta__text .a11y-legacy-h3 {
    font-size: 2.25rem;
    line-height: 1.3;
  }
}