.article-lightbox-trigger{display:block;cursor:zoom-in}
.article-lightbox{position:fixed;inset:0;margin:0;color:#fff;overflow:hidden}
.article-lightbox[open]{display:grid;place-items:center}
.article-lightbox figure{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:100%;max-height:100%;min-height:0;pointer-events:none}
.article-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;pointer-events:auto;touch-action:pan-y}
.article-lightbox figcaption{color:#fff;text-align:center;font-size:14px;line-height:1.5;max-height:48px;overflow:auto;margin:10px 0 0;pointer-events:auto}
.article-lightbox-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}