.chap-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:24px}
.gal-i{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:3px;border:1px solid var(--line);background:#0003}
.gal-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gal-i:hover img,.gal-i:focus-visible img{transform:scale(1.05)}
.gal-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gal-lb{background:transparent;border:0;padding:0;max-width:96vw;max-height:96vh;overflow:visible;color:#fff}
.gal-lb::backdrop{background:rgba(0,0,0,.9)}
.gal-lb img{display:block;max-width:92vw;max-height:88vh;margin:0 auto;border-radius:3px}
.gal-lb p{text-align:center;margin:10px 0 0;font-size:.9rem;opacity:.8;max-width:none}
.gal-lb button{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.35);width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
.gal-lb .gl-prev{left:12px}.gal-lb .gl-next{right:12px}
.gal-lb .gl-x{top:18px;right:12px;transform:none}
@media(max-width:560px){.chap-gal{grid-template-columns:repeat(2,1fr)}}