/* Screenshot enlarger (lightbox.js). The dialog's dark backdrop and
   light text read the same in either theme. */
#content img.wpsd-zoomable { cursor: zoom-in; }
#content img.wpsd-zoomable:focus-visible { outline: 3px solid #3b7cf0; outline-offset: 3px; }

html.wpsd-lightbox-open { overflow: hidden; }

dialog.wpsd-lightbox {
  width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh;
  margin: 0; padding: 3rem 1rem 1.5rem; border: 0;
  background: rgba(8, 11, 16, 0.97); color: #e8ebf0;
  overflow: auto; cursor: zoom-out; box-sizing: border-box;
}
dialog.wpsd-lightbox::backdrop { background: rgba(8, 11, 16, 0.6); }
dialog.wpsd-lightbox figure { margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
dialog.wpsd-lightbox img { display: block; height: auto; max-width: 100%; border-radius: 4px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5); }
dialog.wpsd-lightbox figcaption { max-width: 70ch; font-size: 0.9rem; line-height: 1.45; text-align: center; color: #c9d0db; }
.wpsd-lightbox-close {
  position: fixed; top: 0.5rem; right: 0.75rem; width: 2.5rem; height: 2.5rem;
  border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff;
  font-size: 1.75rem; line-height: 1; cursor: pointer;
}
.wpsd-lightbox-close:hover { background: rgba(255, 255, 255, 0.22); }
.wpsd-lightbox-close:focus-visible { outline: 3px solid #6aa2ff; outline-offset: 2px; }