/* CKEditor 5 introduces figure wrappers. Scope to those wrappers so existing
 * public headings, paragraphs, legacy tables and images keep their styling. */
figure.table {
    display: table;
    max-width: 100%;
    margin: 1em auto;
}
figure.table > table { width: 100%; border-collapse: collapse; }
figure.table > table td,
figure.table > table th { min-width: 2em; padding: .4em; border: 1px solid; }
figure.table > figcaption,
figure.image > figcaption { display: table-caption; padding: .5em; font-size: .9em; text-align: center; }
figure.image > figcaption { caption-side: bottom; }
figure.image {
    display: table;
    clear: both;
    max-width: 100%;
    margin: 1em auto;
}
figure.image > img,
figure.image > a > img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
figure.image.image_resized { display: block; box-sizing: border-box; }
figure.image.image_resized > img,
figure.image.image_resized > a > img { width: 100%; }
figure.image.image-style-align-left { float: left; clear: none; margin: 0 1em 1em 0; }
figure.image.image-style-side { float: right; clear: none; max-width: 50%; margin: 0 0 1em 1em; }
figure.image.image-style-align-right { float: right; clear: none; margin: 0 0 1em 1em; }
figure.image.image-style-align-center { margin-left: auto; margin-right: auto; }
figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
span.image-inline { display: inline-flex; max-width: 100%; vertical-align: middle; }
span.image-inline > img,
span.image-inline > a > img { max-width: 100%; height: auto; }