.content-detail .article-gallery{width:100%!important;max-width:100%;margin:28px 0;padding:0!important;overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#f7f8fa}
.article-gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#eff1f3;overflow:hidden}
.article-gallery-zoom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:zoom-in}
.content-detail .article-gallery-zoom>img{display:block;width:100%!important;height:100%!important;max-height:640px;object-fit:contain;margin:0!important}
.article-gallery-zoom:focus-visible{outline:3px solid #166bba;outline-offset:-3px}
.article-gallery .article-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#263238;font:32px/1 Arial;cursor:pointer;box-shadow:0 2px 12px #26323824}
.article-gallery-prev{left:14px}.article-gallery-next{right:14px}
.article-gallery-info{padding:16px 20px;color:#4b5563;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}
.article-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:0 20px 18px}
.article-gallery-thumbs button{flex:0 0 76px;height:58px;border:2px solid transparent;border-radius:6px;padding:2px;background:transparent;cursor:pointer;opacity:.6}
.article-gallery-thumbs button[aria-pressed=true]{border-color:#263238;opacity:1}
.content-detail .article-gallery-thumbs img{width:100%!important;height:100%!important;object-fit:cover;border-radius:3px;margin:0!important}
.article-gallery button:focus-visible{outline:3px solid #166bba;outline-offset:3px}.article-gallery button:hover{opacity:1;background-color:#fff}
@media(max-width:575px){.article-gallery-stage{aspect-ratio:1/1}.article-gallery-info{padding:12px}.article-gallery-thumbs{padding:0 12px 12px}.article-gallery .article-gallery-arrow{width:36px;height:36px}.article-gallery-prev{left:8px}.article-gallery-next{right:8px}}