/* Small screens retain the existing fit viewer. Inspection controls are PC-only. */
#lightbox .lightbox-modes{display:none}
#lightbox .lightbox-image{max-width:90vw;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto}
#lightbox .lightbox-caption>span{display:block}
#lightbox .lightbox-caption a{display:inline-block;margin:.35em .4em 0;text-decoration:underline;text-underline-offset:3px;color:var(--red)}
#lightbox .lightbox-caption .evidence-credit{font-size:12px;color:var(--muted)}
#lightbox .lightbox-scrollport:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
@media(min-width:1151px){
 #lightbox{width:94vw;height:92vh;max-width:1600px;max-height:1000px;padding:0;overflow:hidden}
 #lightbox .lightbox-layout{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin:0}
 #lightbox .lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid var(--line)}
 #lightbox .lightbox-modes{display:flex;gap:8px}
 #lightbox .lightbox-modes button{min-height:36px;min-width:68px;padding:5px 12px;background:transparent;border:1px solid var(--line);font-size:13px}
 #lightbox .lightbox-modes button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
 #lightbox .lightbox-modes button:disabled{opacity:.45;cursor:default}
 #lightbox .lightbox-close{position:static;flex:none}
 #lightbox .lightbox-scrollport{min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;display:flex;background:#e4e7e0}
 /* Auto margins collapse to zero on overflow, keeping top/left pixels reachable. */
 #lightbox .lightbox-image{flex:none;max-width:none;max-height:none;margin:auto}
 #lightbox .lightbox-caption{width:100%;max-width:none;max-height:24vh;overflow:auto;margin:0;padding:12px 24px;font-size:13px;line-height:1.65;border-top:1px solid var(--line)}
}