html.gallery-open { overflow: hidden; }
.site-lightbox {
    width: min(1100px, 96vw);
    max-width: 96vw;
    max-height: 96vh;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: #333;
    background: #fff;
    font: 14px/1.4 Arial, sans-serif;
    box-shadow: 0 8px 40px #0008;
}
.site-lightbox::backdrop { background: rgb(0 0 0 / 80%); }
.lightbox-panel { position: relative; padding: 40px 16px 16px; }
.lightbox-figure { margin: 0; text-align: center; }
.lightbox-image { display: block; max-width: 100%; max-height: 70vh; width: auto; height: auto; margin: 0 auto; }
.lightbox-caption { margin: 10px 0; overflow-wrap: anywhere; }
.lightbox-status { margin: 8px 0; text-align: center; }
.lightbox-status:empty { display: none; }
.lightbox-controls { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; }
.lightbox-controls button, .lightbox-close { min-width: 40px; min-height: 36px; border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #222; cursor: pointer; font: inherit; }
.lightbox-controls button:disabled { opacity: .35; cursor: default; }
.lightbox-controls [hidden] { display: none; }
.lightbox-close { position: absolute; top: 4px; right: 4px; font-size: 24px; line-height: 1; }
.site-lightbox :focus-visible { outline: 3px solid #0078b4; outline-offset: 2px; }
.lightbox-original { color: #006a9e; }