/* Loaded after the main stylesheet so gallery layout is independent of its cache. */
dialog.gallery-lightbox {
  position:fixed; inset:0; margin:0; padding:0;
  width:100%; height:100%; height:100dvh;
  max-width:none; max-height:none; border:0; border-radius:0;
  background:#061c28; overflow:hidden;
}
dialog.gallery-lightbox .lightbox-viewport {
  position:absolute; inset:0; width:100%; height:100%; margin:0;
  overflow:hidden; touch-action:none; filter:none; cursor:zoom-in;
  outline:none;
}
dialog.gallery-lightbox .lightbox-viewport img {
  width:100%; height:100%; object-fit:contain; max-width:none;
  transform-origin:center; will-change:transform; box-shadow:none;
}
dialog.gallery-lightbox .lightbox-viewport.is-zoomed {cursor:grab}
dialog.gallery-lightbox .lightbox-viewport.is-zoomed:active {cursor:grabbing}
dialog.gallery-lightbox .lightbox-toolbar {z-index:3}
dialog.gallery-lightbox .gallery-arrow {z-index:3}
/* Keep keyboard focus visible on controls, without framing the entire photograph. */
dialog.gallery-lightbox .lightbox-viewport:focus-visible::after {
  content:'+'; position:absolute; bottom:16px; left:50%;
  padding:4px 12px; border:2px solid white; border-radius:6px;
  background:#082b3a; color:white; pointer-events:none;
}