html.lightbox-open{overflow:hidden}
img.lightbox-eligible{cursor:zoom-in}
.lightbox{position:fixed;inset:0;box-sizing:border-box;width:min(96vw,1440px);height:min(96vh,1000px);max-width:none;max-height:none;margin:auto;padding:54px 20px 18px;border:0;border-radius:14px;background:#f7f9fd;color:#202b40;box-shadow:0 12px 50px #0008;text-align:center}
.lightbox::backdrop{background:#081329de}
.lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:calc(100% - 30px);margin:0}
.lightbox img{display:block;max-width:100%;max-height:calc(100% - 42px);width:auto;height:auto;object-fit:contain;touch-action:pinch-zoom}
.lightbox figcaption{max-width:90%;overflow-wrap:anywhere;font-size:15px;line-height:1.35}
.lightbox-close{position:absolute;top:6px;right:8px;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#e8eef9;color:#1e355b;font:34px/1 Arial,sans-serif;cursor:pointer}
.lightbox-close:hover,.lightbox-close:focus-visible{background:#d4e1f5;outline:2px solid #275aa6}
.lightbox-original{font-size:14px;display:inline-block;padding:6px 10px}
@media(max-width:900px){.lightbox{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:60px 10px 20px}.lightbox figure{height:calc(100% - 44px)}.lightbox img{max-height:calc(100% - 52px)}.lightbox-close{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.lightbox-original{min-height:44px;box-sizing:border-box}}
