@charset "UTF-8";
/* =========================================================================
 * "Numbered List with Headings" block — front-end marker
 * =========================================================================
 * The block (inc/numbered-list-block.php) renders <ol><li><h3>Heading</h3>…</li></ol>.
 * With no styling the browser draws each number at the list item's body size
 * (18px) beside a heading of ~32px, so the numbers look undersized next to the
 * headlines. Match the marker to the heading: same size, weight and color as the
 * heading inside a post article (see .cai-post-article-wp-content__body h3 in
 * post-article-widgets.css, which uses the h4 type token).
 *
 * Still plain numerals — this only fixes their size and color. The old Bricks
 * build's blue numbered circles are not brought back.
 * ---------------------------------------------------------------------- */
.numbered-list-with-headings > li::marker {
  font-size: var(--cai-fs-h4, clamp(24px, 21.18px + 0.75vw, 32px));
  font-weight: 500;
  color: var(--cai-color-navy, #1f3144);
}