/*
 * Keeps headings renamed by heading-levels-block.php (F-12) looking exactly as
 * they did. The block closes skipped heading levels (H1 -> H3 becomes H1 -> H2)
 * and marks each renamed heading with its ORIGINAL level as .sbn-hl-<n>. Sizes
 * on this site are set on the tag (Hello reset.css, then the Elementor kit), so
 * these rules put back the original level's tag typography.
 *
 * Every selector here is specificity (0,1,2): just above the kit's own
 * `.elementor-kit-7 h3` (0,1,1) and the reset's bare `h3`, and just below any
 * (0,2,0) widget or global rule -- so anything that styled the heading more
 * specifically than its tag still wins, exactly as before. Later rules win
 * ties, so the order below matters.
 *
 * Verified 2026-09-27 against computed styles before/after on 44 pages
 * (every page type in the audit) at 1440, 820 and 390px: zero differences.
 */

/* Hello Elementor reset.css tag sizes (pages without the kit). */
html :is(h2,h3,h4,h5).sbn-hl-3{font-size:1.75rem;line-height:1.2}
html :is(h2,h3,h4,h5).sbn-hl-4{font-size:1.5rem;line-height:1.2}
html :is(h2,h3,h4,h5).sbn-hl-5{font-size:1.25rem;line-height:1.2}
html :is(h2,h3,h4,h5).sbn-hl-6{font-size:1rem;line-height:1.2}

/* Elementor kit 7 tag typography. Only h2 and h4 set a line-height there. */
html :where(.elementor-kit-7) :is(h2,h3,h4,h5).sbn-hl-3{font-family:"Roboto",Sans-serif;font-size:26px}
html :where(.elementor-kit-7) :is(h2,h3,h4,h5).sbn-hl-4{font-family:"Roboto",Sans-serif;font-size:20px;line-height:1.2em}
html :where(.elementor-kit-7) :is(h2,h3,h4,h5).sbn-hl-5{font-family:"Roboto",Sans-serif;font-size:22px}
html :where(.elementor-kit-7) :is(h2,h3,h4,h5).sbn-hl-6{font-family:"Roboto",Sans-serif;font-size:20px}

/* Elementor widgets reset line-height to 1 with a single class, which the
   kit's h2/h4 line-height would otherwise now override. */
html :is(h2,h3,h4,h5):is(.sbn-hl-3,.sbn-hl-5,.sbn-hl-6):where(.elementor-heading-title,.elementor-flip-box__layer__title){line-height:1}