/**
 * Overrides for core Gutenberg blocks used inside post_content.
 *
 * Editors reuse the .cond/.sign box components (defined in main.css,
 * compiled from working/layout) by adding "cond"/"sign" as an Additional
 * CSS Class on a Group block. The heading inside then gets Gutenberg's
 * own .wp-block-heading class instead of .cond__title/.sign__title, so it
 * falls back to the theme's generic h2 rule (large bottom margin) instead
 * of the component's intended spacing. .wp-block-heading has no equivalent
 * in the working/layout wireframe source (it's WP block-editor markup,
 * never produced there), so this override lives here rather than in a
 * working/layout partial.
 */
.cond .wp-block-heading,
.sign .wp-block-heading {
    margin-bottom: 1rem;
}

/*
 * .cond__title/.sign__title already shrink from 42px to 28px below 540px
 * (see working/layout/src/scss/_cond.scss and _sign.scss). The Gutenberg
 * .wp-block-heading has no such rule and stays at its WP "large" preset
 * size (36px) at every width, so it needs the same mobile step here.
 * !important is required: WP core's global-styles stylesheet sets
 * .has-large-font-size's font-size with !important.
 */
@media screen and (max-width: 540px) {
    .cond .wp-block-heading,
    .sign .wp-block-heading {
        font-size: 28px !important;
    }
}