/* Shared gallery layout in editor, preview and published content. */
[data-gallery]{--gallery-cols:3;--gallery-row-height:clamp(110px,16vw,180px);--gallery-rows:none;--gallery-gap:14px;max-width:100%;margin-block:24px;min-width:0}
[data-gallery][data-columns="1"]{--gallery-cols:1}[data-gallery][data-columns="2"]{--gallery-cols:2}[data-gallery][data-columns="3"]{--gallery-cols:3}[data-gallery][data-columns="4"]{--gallery-cols:4}[data-gallery][data-columns="5"]{--gallery-cols:5}[data-gallery][data-columns="6"]{--gallery-cols:6}
[data-gallery][data-rows="1"]{--gallery-rows:repeat(1,var(--gallery-row-height))}[data-gallery][data-rows="2"]{--gallery-rows:repeat(2,var(--gallery-row-height))}[data-gallery][data-rows="3"]{--gallery-rows:repeat(3,var(--gallery-row-height))}[data-gallery][data-rows="4"]{--gallery-rows:repeat(4,var(--gallery-row-height))}[data-gallery][data-rows="5"]{--gallery-rows:repeat(5,var(--gallery-row-height))}[data-gallery][data-rows="6"]{--gallery-rows:repeat(6,var(--gallery-row-height))}[data-gallery][data-rows="7"]{--gallery-rows:repeat(7,var(--gallery-row-height))}[data-gallery][data-rows="8"]{--gallery-rows:repeat(8,var(--gallery-row-height))}
[data-gallery="grid"]{display:grid!important;columns:auto!important;grid-template-columns:repeat(var(--gallery-cols),minmax(0,1fr));grid-template-rows:var(--gallery-rows);grid-auto-rows:var(--gallery-row-height);grid-auto-flow:row dense;gap:var(--gallery-gap)}
[data-gallery="grid"]>img,[data-gallery="grid"]>.gallery-builder-item{width:100%!important;height:100%!important;max-width:100%!important;min-width:0;min-height:0;aspect-ratio:auto!important;object-fit:cover;display:block;margin:0!important;border-radius:6px}
[data-gallery="grid"]>[data-row-span="2"]{grid-row:span 2}
[data-gallery="masonry"]{display:block!important;column-count:var(--gallery-cols)!important;column-gap:var(--gallery-gap);grid-template-rows:none}
[data-gallery="masonry"]>img,[data-gallery="masonry"]>.gallery-builder-item{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;break-inside:avoid;margin:0 0 var(--gallery-gap)!important;border-radius:6px}
@media(max-width:600px){[data-gallery]{--gallery-gap:10px;--gallery-row-height:125px}[data-gallery][data-columns="3"],[data-gallery][data-columns="4"],[data-gallery][data-columns="5"],[data-gallery][data-columns="6"]{--gallery-cols:2}[data-gallery="grid"]{grid-template-rows:none}}
.article-body [data-gallery]>img{cursor:zoom-in}.article-body [data-gallery]>img:focus-visible{outline:3px solid #198fc6;outline-offset:3px}
dialog.gallery-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 70px;border:0;border-radius:0;box-sizing:border-box;background:rgba(8,18,30,.96);color:white;overflow:hidden;text-align:center}
.gallery-lightbox::backdrop{background:#08121ef5}.gallery-lightbox-image{display:block;width:100%;height:calc(100% - 56px);max-width:100%;object-fit:contain;margin:0 auto}.gallery-lightbox-counter,.gallery-lightbox-caption{color:white;font:14px/1.5 Alexandria,Arial,sans-serif;margin:8px 0}.gallery-lightbox button{position:absolute;display:grid;place-items:center;min-width:44px;width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;background:#14283d;color:white;font:28px/1 Arial;cursor:pointer}.gallery-lightbox button:focus-visible{outline:3px solid #198fc6;outline-offset:3px}.gallery-lightbox-close{top:16px;right:20px}.gallery-lightbox-previous{right:16px;top:calc(50% - 22px)}.gallery-lightbox-next{left:16px;top:calc(50% - 22px)}@media(max-width:600px){dialog.gallery-lightbox{padding:70px 12px 60px}.gallery-lightbox-previous,.gallery-lightbox-next{top:auto!important;bottom:14px}.gallery-lightbox-counter{position:absolute;bottom:18px;left:calc(50% - 35px);width:70px}}

/* Per-image dimensions are independent of the gallery dimensions. */
[data-gallery="grid"]>[data-row-span="1"]{grid-row:span 1}
[data-gallery="grid"]>[data-row-span="2"]{grid-row:span 2}
[data-gallery="grid"]>[data-row-span="3"]{grid-row:span 3}
[data-gallery="grid"]>[data-row-span="4"]{grid-row:span 4}
[data-gallery="grid"]>[data-row-span="5"]{grid-row:span 5}
[data-gallery="grid"]>[data-row-span="6"]{grid-row:span 6}
[data-gallery="grid"]>[data-row-span="7"]{grid-row:span 7}
[data-gallery="grid"]>[data-row-span="8"]{grid-row:span 8}
[data-gallery="grid"]>[data-col-span="1"]{grid-column:span 1}
[data-gallery="grid"]>[data-col-span="2"]{grid-column:span 2}
[data-gallery="grid"]>[data-col-span="3"]{grid-column:span 3}
[data-gallery="grid"]>[data-col-span="4"]{grid-column:span 4}
[data-gallery="grid"]>[data-col-span="5"]{grid-column:span 5}
[data-gallery="grid"]>[data-col-span="6"]{grid-column:span 6}
[data-gallery="grid"][data-columns="1"]>[data-col-span="2"]{grid-column:span 1}
[data-gallery="grid"][data-columns="1"]>[data-col-span="3"]{grid-column:span 1}
[data-gallery="grid"][data-columns="1"]>[data-col-span="4"]{grid-column:span 1}
[data-gallery="grid"][data-columns="1"]>[data-col-span="5"]{grid-column:span 1}
[data-gallery="grid"][data-columns="1"]>[data-col-span="6"]{grid-column:span 1}
[data-gallery="grid"][data-columns="2"]>[data-col-span="3"]{grid-column:span 2}
[data-gallery="grid"][data-columns="2"]>[data-col-span="4"]{grid-column:span 2}
[data-gallery="grid"][data-columns="2"]>[data-col-span="5"]{grid-column:span 2}
[data-gallery="grid"][data-columns="2"]>[data-col-span="6"]{grid-column:span 2}
[data-gallery="grid"][data-columns="3"]>[data-col-span="4"]{grid-column:span 3}
[data-gallery="grid"][data-columns="3"]>[data-col-span="5"]{grid-column:span 3}
[data-gallery="grid"][data-columns="3"]>[data-col-span="6"]{grid-column:span 3}
[data-gallery="grid"][data-columns="4"]>[data-col-span="5"]{grid-column:span 4}
[data-gallery="grid"][data-columns="4"]>[data-col-span="6"]{grid-column:span 4}
[data-gallery="grid"][data-columns="5"]>[data-col-span="6"]{grid-column:span 5}
@media(max-width:600px){[data-gallery="grid"]>[data-col-span="3"],[data-gallery="grid"]>[data-col-span="4"],[data-gallery="grid"]>[data-col-span="5"],[data-gallery="grid"]>[data-col-span="6"]{grid-column:span 2}[data-gallery="grid"][data-columns="1"]>img{grid-column:span 1}}