.post [data-lightbox]{cursor:zoom-in}.post .cover img{width:100%;height:auto}
.image-lightbox{border:0;padding:48px 48px 20px;background:transparent;color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;margin:0;outline-offset:-4px}
.image-lightbox::backdrop{background:rgb(0 0 0 / .85)}
.image-lightbox[open]{display:flex;align-items:center;justify-content:center}
.image-lightbox .lightbox-media{display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;pointer-events:none}
.image-lightbox img{max-width:min(92vw,100%);max-height:min(88vh,calc(100dvh - 140px));width:auto;height:auto;object-fit:contain;pointer-events:auto}
.image-lightbox .lightbox-caption{color:white;text-align:center;margin-top:12px;max-width:70ch;max-height:72px;overflow:auto;pointer-events:auto;overflow-wrap:anywhere}
.image-lightbox button{position:absolute;border:0;border-radius:4px;background:rgb(0 0 0 / .5);color:white;font:32px/1 system-ui;min-width:44px;min-height:44px;cursor:pointer}
.image-lightbox button:focus-visible{outline:3px solid white;outline-offset:3px}
.lightbox-close{top:12px;right:12px}.lightbox-prev{left:8px;top:50%}.lightbox-next{right:8px;top:50%}
.image-lightbox [hidden]{display:none}
@media(max-width:640px){.image-lightbox{padding:60px 46px 20px}.image-lightbox .lightbox-caption{font-size:14px}}