/**
 * Editorial Content Image Rhythm — 1.0.59
 * Equal breathing room above and below images inserted into article content.
 */
:root{
    --ib-content-image-space:clamp(38px,4.2vw,58px);
    --ib-content-image-space-mobile:30px;
}

body.ib-et :where(
    .ib-article-content,
    .ib-int-story,
    .ib-exp-story
) > :where(
    .wp-block-image,
    figure.wp-block-image,
    .wp-block-gallery,
    figure.wp-block-gallery,
    .wp-block-cover,
    .wp-block-media-text
){
    margin-top:var(--ib-content-image-space)!important;
    margin-bottom:var(--ib-content-image-space)!important;
}

/* Classic-editor and legacy image markup inside the same editorial bodies. */
body.ib-et :where(
    .ib-article-content,
    .ib-int-story,
    .ib-exp-story
) > :where(
    figure:not([class]),
    figure.alignnone,
    figure.aligncenter,
    figure.alignwide,
    figure.alignfull,
    p > img:only-child
){
    margin-top:var(--ib-content-image-space)!important;
    margin-bottom:var(--ib-content-image-space)!important;
}

body.ib-et :where(
    .ib-article-content,
    .ib-int-story,
    .ib-exp-story
) :where(.wp-block-image,figure.wp-block-image) img{
    display:block;
    max-width:100%;
    height:auto;
}

body.ib-et :where(
    .ib-article-content,
    .ib-int-story,
    .ib-exp-story
) :where(.wp-block-image,figure.wp-block-image) figcaption{
    margin-top:10px;
    margin-bottom:0;
}

@media(max-width:640px){
    body.ib-et :where(
        .ib-article-content,
        .ib-int-story,
        .ib-exp-story
    ) > :where(
        .wp-block-image,
        figure.wp-block-image,
        .wp-block-gallery,
        figure.wp-block-gallery,
        .wp-block-cover,
        .wp-block-media-text,
        figure:not([class]),
        figure.alignnone,
        figure.aligncenter,
        figure.alignwide,
        figure.alignfull,
        p > img:only-child
    ){
        margin-top:var(--ib-content-image-space-mobile)!important;
        margin-bottom:var(--ib-content-image-space-mobile)!important;
    }
}