.article .prose img,
.article .cover,
.post-card img { cursor: zoom-in; }
.lightbox-open { overflow: hidden; }
.image-lightbox {
  inset: 0; width: 100vw; height: 100vh; max-width: none; max-height: none;
  margin: 0; padding: 0; border: 0; overflow: hidden;
  background: rgba(10, 10, 10, .94); color: #fff;
}
.image-lightbox::backdrop { background: rgba(10, 10, 10, .94); }
.image-lightbox-stage {
  width: 100%; height: 100%; padding: 64px; overflow: auto;
  display: grid; place-items: center;
}
.image-lightbox figure { margin: auto; }
.image-lightbox img {
  display: block; width: auto; height: auto; max-width: none; max-height: none;
  box-shadow: 0 8px 40px #000;
}
.image-lightbox figcaption {
  margin-top: 12px; text-align: center; color: #ddd;
  font: 14px/1.5 system-ui, sans-serif;
}
.image-lightbox-close {
  position: fixed; z-index: 1; top: 16px; right: 20px;
  width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .14); color: #fff;
  font: 32px/1 system-ui, sans-serif; cursor: pointer;
}
.image-lightbox-close:hover { background: rgba(255, 255, 255, .25); }
@media (max-width: 600px) {
  .image-lightbox-stage { padding: 56px 16px 24px; }
}