body .mod-post__entry.wzulli img:not(.emoji) {
  display: block; width: auto; height: auto;
  max-width: min(100%, var(--article-image-max-width, 480px));
  max-height: var(--article-image-max-height, 320px);
  object-fit: contain; margin: 18px auto; border-radius: 10px;
  box-shadow: var(--prose-shadow); cursor: zoom-in;
}
.article-image-preview:focus-visible { outline: 2px solid var(--prose-accent); outline-offset: 4px; }
html.image-viewer-open, html.image-viewer-open body {
  overflow: hidden !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html.image-viewer-open::-webkit-scrollbar,
html.image-viewer-open body::-webkit-scrollbar { display: none; width: 0; height: 0; }

.article-image-viewer {
  position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none;
  padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0;
  box-shadow: none; overflow: hidden; color: var(--prose-fg-main);
}
.article-image-viewer::backdrop { background: transparent; backdrop-filter: none; }
.image-viewer-stage { width: 100%; height: 100%; overflow: auto; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; }
.image-viewer-stage::-webkit-scrollbar { display: none; width: 0; height: 0; }
.image-viewer-canvas { min-width: 100%; min-height: 100%; width: max-content; padding: 40px; box-sizing: border-box; display: grid; place-items: center; }
.image-viewer-canvas img { display: block; max-width: none; height: auto; border-radius: 10px; box-shadow: 0 8px 32px #0004; }
@media print { .article-image-viewer { display: none; } }