/* lecture showcase — shared pan/zoom lightbox styles.
 * Theme per page by setting --lz-accent on :root (button hover colour). Chrome is theme-neutral. */
.lz-ov{position:fixed;inset:0;z-index:99999;display:none;background:rgba(12,12,14,.93);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:grab;touch-action:none;overflow:hidden}
.lz-ov.open{display:block}
.lz-ov.grabbing{cursor:grabbing}
.lz-img{position:absolute;top:50%;left:50%;transform-origin:0 0;will-change:transform;
  -webkit-user-drag:none;user-select:none;max-width:none;box-shadow:0 10px 60px rgba(0,0,0,.5)}
.lz-bar{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:1}
.lz-btn{width:42px;height:42px;border:none;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;
  font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .2s}
.lz-btn:hover{background:var(--lz-accent,rgba(255,255,255,.34));transform:translateY(-1px)}
.lz-cap{position:fixed;left:0;right:0;bottom:18px;text-align:center;color:rgba(255,255,255,.9);
  font-size:13px;letter-spacing:.04em;pointer-events:none;padding:0 16px}
.lz-hint{position:fixed;left:16px;top:20px;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.03em;pointer-events:none}
@media(max-width:600px){.lz-hint{display:none}.lz-btn{width:38px;height:38px}}