/* Visual enlargement keeps the original image, links and controls in place. */
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .image-zoom-ready [data-image-zoom] { cursor: zoom-in; }
}
.image-zoom-preview {
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  max-width: none;
  max-height: none;
  background: var(--color-paper);
  box-shadow: 0 32px 80px -24px rgba(22, 61, 122, .5);
  cursor: zoom-out;
}
.image-zoom-preview::backdrop { background: rgba(15, 18, 20, .66); pointer-events: none; }
.image-zoom-surface { position: relative; width: 100%; height: 100%; overflow: hidden; }
.image-zoom-surface > img { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; }
.image-zoom-surface.is-crop > img { position: absolute; object-fit: fill; }