/* WBL fx: photo-zoom. Thumbs are plain links to the full photo. */
.fx-pz-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(140px,30%),1fr))}
.fx-pz-grid a{display:block;border-radius:var(--r,6px);overflow:hidden;background:var(--bg2,#ece6db);cursor:zoom-in}
.fx-pz-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.fx-pz-dlg{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:rgba(16,20,28,.94);color:#fff;overflow:hidden;overscroll-behavior:contain}
.fx-pz-dlg[open]{display:grid;place-items:center}
.fx-pz-dlg::backdrop{background:transparent}
.fx-pz-dlg figure{margin:0;width:min(100%,1100px,calc((100vh - 120px)*1.5))}
.fx-pz-dlg img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:var(--r,6px)}
.fx-pz-dlg figcaption{margin-top:12px;font:500 15px/1.4 var(--bf,system-ui);text-align:center}
.fx-pz-x{position:absolute;top:10px;right:10px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font:400 30px/1 system-ui;cursor:pointer}
