/* =====================================================================
   Shared full-screen photo viewer (assets/js/lightbox.js).
   ===================================================================== */
html.ch-lb-lock{overflow:hidden}
.ch-lb{margin:0;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:rgba(5,7,13,.97);color:#fff;overflow:hidden}
.ch-lb[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.ch-lb::backdrop{background:rgba(5,7,13,.6)}
.ch-lb__top{display:flex;align-items:center;gap:18px;padding:16px clamp(16px,3vw,32px)}
.ch-lb__meta{margin:0;flex:1;display:flex;align-items:baseline;gap:14px;min-width:0}
.ch-lb__group{font:400 19px/1.2 var(--ch-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-lb__count{font:500 12px/1 var(--ch-mono);letter-spacing:.08em;color:rgba(255,255,255,.55)}
.ch-lb__link{font:600 13px/1 var(--ch-body);color:var(--ch-gold);text-decoration:none;white-space:nowrap}
.ch-lb__link:hover{text-decoration:underline}
.ch-lb__link[hidden]{display:none}
.ch-lb__btn{all:unset;box-sizing:border-box;cursor:pointer;width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;transition:background-color .25s,transform .25s}
.ch-lb__btn:hover{background:rgba(255,255,255,.18)}
.ch-lb__btn:focus-visible{outline:2px solid var(--ch-gold);outline-offset:2px}
.ch-lb__btn svg{width:20px;height:20px}
.ch-lb__stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,2vw,24px);padding:0 clamp(12px,3vw,32px);min-height:0}
.ch-lb__fig{margin:0;position:relative;height:100%;min-height:0}
.ch-lb__img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8);transition:opacity .35s ease,transform .5s var(--ch-ease)}
.ch-lb.is-loading .ch-lb__img{opacity:.15;transform:scale(.985)}
.ch-lb__strip{display:flex;gap:8px;overflow-x:auto;padding:16px clamp(16px,3vw,32px) 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.ch-lb__thumb{all:unset;cursor:pointer;flex:none;width:86px;height:58px;border-radius:8px;overflow:hidden;opacity:.45;transition:opacity .25s,box-shadow .25s}
.ch-lb__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ch-lb__thumb:hover{opacity:.85}
.ch-lb__thumb.is-on{opacity:1;box-shadow:0 0 0 2px var(--ch-gold)}
.ch-lb__thumb:focus-visible{opacity:1;box-shadow:0 0 0 2px #fff}
.ch-lb__sep{flex:none;width:1px;margin:6px 6px;background:rgba(255,255,255,.18)}
@media (max-width:700px){
  .ch-lb__stage{grid-template-columns:minmax(0,1fr);padding:0}
  .ch-lb__img{border-radius:0}
  .ch-lb__stage .ch-lb__btn{position:absolute;top:50%;translate:0 -50%;z-index:2;width:40px;height:40px;background:rgba(5,7,13,.55)}
  .ch-lb__prev{left:8px}.ch-lb__next{right:8px}
  .ch-lb__thumb{width:64px;height:44px}
  .ch-lb__group{font-size:16px}
}