/* Lightbox patch CSS */
.modal{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:none;z-index:1200;padding:16px}
.modal.open{display:grid;place-items:center}
.modal__box{background:var(--bg, #fff);color:var(--fg, #111);border-radius:16px;border:1px solid var(--line, #e5e7eb);max-width:92vw;width:fit-content;position:relative}
.modal__box--image{background:transparent;border:none;box-shadow:none;padding:0}
.modal__box--image img{max-width:92vw;max-height:88vh;border-radius:16px;display:block}
.modal__close{position:absolute;top:10px;right:10px;border:1px solid var(--line, #e5e7eb);background:rgba(0,0,0,0.5);color:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}


/* Lightbox fit-to-viewport tweaks */
.modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;z-index:1200;padding:16px}
.modal.open{display:grid;place-items:center}
.modal__box{position:relative;max-width:96vw;max-height:92vh;overflow:hidden;border-radius:16px}
.modal__box--image{background:transparent;border:none;box-shadow:none;padding:0}
.modal__box--image img{display:block;width:auto;height:auto;max-width:96vw;max-height:92vh;border-radius:16px;object-fit:contain}
.modal__close{position:absolute;top:10px;right:10px;border:1px solid var(--line, #e5e7eb);background:rgba(0,0,0,0.55);color:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
@media (max-width:640px){
  .modal{padding:8px}
  .modal__box{max-width:98vw;max-height:92vh}
  .modal__box--image img{max-width:98vw;max-height:92vh}
}