body.lightbox-open{overflow:hidden}
dialog.image-lightbox{position:fixed;inset:0;z-index:120;margin:0;border:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:clamp(.75rem,3vw,2rem);background:rgba(5,25,16,.96);color:white;overflow:hidden}
.image-lightbox:not([open]){display:none}
.image-lightbox[open]{display:grid;place-items:center}
.image-lightbox::backdrop{background:rgba(5,25,16,.8)}
.lightbox-shell{width:min(1100px,100%);height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.8rem}
.lightbox-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}
.lightbox-toolbar button,.lightbox-controls button{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid #82a08d;background:var(--forest);color:#fff;border-radius:24px;font-size:1.25rem;cursor:pointer}
.lightbox-toolbar .lightbox-zoom{font-size:.9375rem;padding:.5rem 1rem}
.lightbox-toolbar .lightbox-close{font-size:2rem;line-height:1}
.lightbox-toolbar button:hover,.lightbox-controls button:hover{background:var(--lime);color:var(--forest)}
.image-lightbox :focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.lightbox-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.75rem;margin:0;min-height:0}
.lightbox-media{display:grid;place-items:center;min-height:0;overflow:auto;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}
.lightbox-image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 225px);object-fit:contain;border-radius:8px}
.lightbox-figure figcaption{display:grid;gap:.35rem;max-width:850px}
.lightbox-group{color:#d1e476;font-size:.8125rem;letter-spacing:.04em}
.lightbox-title{font:500 1rem/1.4 "DM Sans",sans-serif}
.lightbox-status{font-size:1rem;text-align:center;max-width:450px}
.lightbox-status:empty{display:none}
.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem}
.lightbox-count{font-size:.9375rem;min-width:4rem;text-align:center}
.image-lightbox.is-zoomed .lightbox-media{display:block}
.image-lightbox.is-zoomed .lightbox-image{width:max(900px,100%);max-width:none;max-height:none;height:auto;margin:auto}
@media(max-width:760px){dialog.image-lightbox{padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom))}.lightbox-shell{gap:.6rem}.lightbox-image{max-height:calc(100dvh - 225px)}.lightbox-title{font-size:.9375rem}.lightbox-controls button{min-width:48px;min-height:48px}}