/* Add keyboard access without changing the original illustrated layout. */
a:focus-visible, button:focus-visible { outline: 3px solid #fff4ac; outline-offset: 4px; }
iframe { border: 0; }
#lightbox { border: 0; background: transparent; padding: 0; width: 100vw; height: 100dvh; max-width: 100vw; max-height: 100dvh; overflow: hidden; }
#lightbox[open] { display: flex; align-items: center; justify-content: center; }
#lightbox::backdrop { background: rgba(255,255,255,.85); }
#lightbox img { max-width: 90vw; max-height: 85dvh; object-fit: contain; }
#lightbox button { position: fixed; z-index: 1; border: 0; background: transparent; color: #111; cursor: pointer; font: 50px Arial,sans-serif; min-width: 48px; min-height: 48px; }
.lightbox-close { right: 20px; top: 12px; }
.lightbox-prev { left: 0; top: calc(50% - 25px); }
.lightbox-next { right: 0; top: calc(50% - 25px); }
.lightbox-count { position: fixed; left: 24px; top: 24px; font: 16px Arial,sans-serif; color: #111; }
html:has(#lightbox[open]) { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .gallery-container .gallery a img { transition: none; } }