/* Blog post content — heading scale.
 * Enqueued by Vendon::enqueueBlogPostAssets() on single posts only.
 *
 * The Elementor kit (Site Settings → Typography) sets H2 41px/600 and H3 40px/600
 * for the whole site, so inside an article an H3 is as big as the H2 above it.
 * On top of that the editor wraps most article H3s in <strong>, which the browser
 * renders as "bolder" — 700 against the H2's 600. Both are fixed here, scoped to
 * the post content widget so product and landing pages keep the kit values.
 *
 * Scale inside an article: H2 41 → H3 28 → H4 20 → text 18 (phone: H2 28 → H3 22).
 */
.single-post .elementor-widget-theme-post-content h3 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
}

/* <strong> / <b> inside a heading adds nothing the heading weight does not already
 * say, and "bolder" would push a 600 heading to 700. */
.single-post .elementor-widget-theme-post-content h2 strong,
.single-post .elementor-widget-theme-post-content h2 b,
.single-post .elementor-widget-theme-post-content h3 strong,
.single-post .elementor-widget-theme-post-content h3 b,
.single-post .elementor-widget-theme-post-content h4 strong,
.single-post .elementor-widget-theme-post-content h4 b {
    font-weight: inherit;
}

@media (max-width: 767px) {
    .single-post .elementor-widget-theme-post-content h3 {
        font-size: 22px;
    }
}