/* Button reset preserves the existing gallery grid and photo crop. */
.gallery-trigger { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; }
.gallery-trigger:focus-visible { outline: 3px solid #fff; outline-offset: -5px; box-shadow: inset 0 0 0 7px #222; }
#lightbox .lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; background: rgba(0,0,0,.5); font-size: 28px; padding: 1rem; z-index: 1; }
#lightbox .lightbox-nav--prev { left: 1rem; }
#lightbox .lightbox-nav--next { right: 1rem; }
#lightbox button { border: 0; font-family: inherit; cursor: pointer; }
#lightbox button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

#lightbox.active { display: flex; }
#lightbox [data-gallery-close] { position: absolute; top: 1rem; right: 1rem; width: 44px; height: 44px; background: transparent; color: #fff; font-size: 40px; line-height: 1; padding: 0; z-index: 2; }