.article-image-trigger{display:block;width:100%;max-width:640px;padding:0;border:0;margin:24px auto;background:transparent;cursor:zoom-in;line-height:0}
.article-image-trigger img{width:100%;max-width:100%;margin:0}
.article-image-trigger:focus-visible{outline:3px solid #216b43;outline-offset:4px}
.article-image-dialog{padding:14px;border:0;border-radius:10px;width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;background:#fff;color:#14231b}
.article-image-dialog::backdrop{background:rgba(0,0,0,.8)}
.article-image-controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;position:sticky;top:0;background:#fff;z-index:1}
.article-image-controls button{min-height:44px;margin:0;padding:8px 12px;font-size:17px}
.article-image-viewport{max-height:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.article-image-viewport:focus-visible{outline:2px solid #216b43;outline-offset:-2px}
.article-image-viewport img{display:block;width:100%;max-width:100%;height:auto;margin:8px auto}
.article-image-viewport img.article-image-expanded{max-width:none;margin:8px 0}
.article-image-dialog p{margin:10px 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.article-image-dialog [hidden]{display:none}