/* Shared editor and published content sizing/alignment. */
:root { --ck-z-default: 100; --ck-z-panel: 10000; }
.ck.ck-balloon-panel { z-index: 10000 !important; }
.ck.ck-editor { width: 100%; min-width: 0; max-width: 100%; text-align: left; }
.ck.ck-toolbar { flex-wrap: wrap; }
.ck.ck-editor__editable { min-height: 320px; max-height: 65vh; overflow: auto; }
.swal2-popup:has(.ck-editor) { width: min(1000px, 95vw) !important; }
.swal2-html-container:has(.ck-editor) { margin: 1em; text-align: left; overflow: visible; min-width: 0; }
:is(.ck-content, .page-content) { overflow-wrap: anywhere; min-width: 0; }
:is(.ck-content, .page-content)::after { content: ''; display: block; clear: both; }
:is(.ck-content, .page-content) img { max-width: 100%; height: auto; }
:is(.ck-content, .page-content) :is(p, h1, h2, h3, h4, h5, h6, blockquote, pre) { max-width: 100%; box-sizing: border-box; }
:is(.ck-content, .page-content) figure.image { display: table; clear: both; max-width: 100%; margin: 1em auto; }
:is(.ck-content, .page-content) figure.image img { display: block; margin: 0 auto; }
:is(.ck-content, .page-content) figure.image.image-style-align-left { float: left; margin: 0 1.5em 1em 0; clear: none; }
:is(.ck-content, .page-content) figure.image.image-style-align-right { float: right; margin: 0 0 1em 1.5em; clear: none; }
:is(.ck-content, .page-content) figure.image.image-style-align-center { float: none; margin-left: auto; margin-right: auto; }
:is(.ck-content, .page-content) figure.image.image-style-block-align-left { margin-left: 0; margin-right: auto; }
:is(.ck-content, .page-content) figure.image.image-style-block-align-right { margin-left: auto; margin-right: 0; }
:is(.ck-content, .page-content) figure.image.image_resized { display: block; box-sizing: border-box; }
:is(.ck-content, .page-content) .image_resized img { width: 100%; }
:is(.ck-content, .page-content) figcaption { display: table-caption; caption-side: bottom; text-align: center; font-size: .9em; }
:is(.ck-content, .page-content) figure.table { max-width: 100%; overflow-x: auto; margin: 1em 0; }
:is(.ck-content, .page-content) table { max-width: 100%; border-collapse: collapse; }
:is(.ck-content, .page-content) td, :is(.ck-content, .page-content) th { border: 1px solid #ccc; padding: .4em; }
:is(.ck-content, .page-content) pre { white-space: pre-wrap; }
:is(.ck-content, .page-content) iframe { max-width: 100%; }
@media (max-width: 600px) {
    .ck.ck-editor__editable { min-height: 240px; }
    .swal2-html-container:has(.ck-editor) { margin: .5em; }
    :is(.ck-content, .page-content) figure.image { max-width: 100%; }
}
.social-brand-icon { display: block; flex: 0 0 auto; }