/* Kuvien lightbox artikkeleille ja referensseille (ledger T27). Skripti: assets/js/lightbox.js. */
.mt-lightbox-trigger{cursor:zoom-in}
.mt-lightbox-trigger:focus-visible{outline:0.125rem solid var(--mt-coral);outline-offset:0.25rem}
html:has(.mt-lightbox[open]){overflow:hidden}
.mt-lightbox{inline-size:100vw;block-size:100dvh;max-inline-size:none;max-block-size:none;margin:0;padding:clamp(3.5rem,6vw,4.5rem) clamp(1rem,5vw,5rem);border:0;background:var(--mt-navy);color:var(--mt-white)}
.mt-lightbox::backdrop{background:transparent}
.mt-lightbox[open]{display:grid;place-items:center}
.mt-lightbox__figure{display:grid;margin:0;gap:var(--mt-space-sm);justify-items:center;inline-size:100%;block-size:100%;align-content:center}
.mt-lightbox__image{max-inline-size:100%;max-block-size:calc(100dvh - 9rem);object-fit:contain;border-radius:var(--mt-radius-sm)}
.mt-lightbox__caption{max-inline-size:60ch;color:var(--mt-on-navy-soft);font-size:var(--mt-fs-sm);line-height:1.5;text-align:center}
.mt-lightbox__counter{position:absolute;inset-block-start:1.35rem;inset-inline-start:1.5rem;margin:0;color:var(--mt-on-navy-muted);font-family:var(--mt-font-display);font-size:var(--mt-fs-xs);letter-spacing:var(--mt-tracking-caps)}
.mt-lightbox__button{position:absolute;display:grid;inline-size:2.75rem;block-size:2.75rem;padding:0;place-items:center;border:0.0625rem solid var(--mt-on-navy-border);border-radius:var(--mt-radius-pill);background:var(--mt-navy);color:var(--mt-white);cursor:pointer;transition:background var(--mt-transition)}
.mt-lightbox__button:hover{background:var(--mt-coral)}
.mt-lightbox__button:focus-visible{outline:0.125rem solid var(--mt-coral);outline-offset:0.2rem}
.mt-lightbox__close{inset-block-start:1rem;inset-inline-end:1rem}
.mt-lightbox__prev,.mt-lightbox__next{inset-block-start:50%;transform:translateY(-50%)}
.mt-lightbox__prev{inset-inline-start:1rem}
.mt-lightbox__next{inset-inline-end:1rem}
.mt-lightbox--single .mt-lightbox__prev,.mt-lightbox--single .mt-lightbox__next{display:none}
@media (max-width:40rem){.mt-lightbox__prev,.mt-lightbox__next{inset-block-start:auto;inset-block-end:1rem;transform:none}}
@media (prefers-reduced-motion:reduce){.mt-lightbox__button{transition:none}}