/* One owner for written-content heading hierarchy and notation colors. */
:root {
  /* Keep page titles, sections and subsections distinct on desktop and phones. */
  --ut-aa-heading-h1-size: 2rem;
  --ut-aa-heading-h2-size: 1.625rem;
  --ut-aa-heading-h3-size: 1.5rem;
  --ut-aa-count-red: #d60000;
  --ut-aa-group-green: #008000;
}
.entry-content h2:not(.ut-aa-level-group__tab):not(.screen-reader-text),
.entry-content .ut-aa-page h2:not(.ut-aa-level-group__tab):not(.screen-reader-text) {
  font-size: var(--ut-aa-heading-h2-size);
}
.entry-content :is(h3, h4, h5, h6):not(.screen-reader-text),
.entry-content .ut-aa-page :is(h3, h4, h5, h6):not(.screen-reader-text) {
  font-size: var(--ut-aa-heading-h3-size);
}

/* Reference letters/levels are H2 sections; step groups are H3 subsections.
 * Keep their existing shared sizes and give both the portal's bold heading weight. */
.entry-content .portal-family-reference :is(h2, h3) {
  font-family: var(--ut-aa-font-heading);
  font-weight: 700;
  line-height: 1.25;
}