.news-gallery{--gallery-height:clamp(220px, 58vw, 650px);width:100%;margin:30px auto}.article-page .news-gallery-slide{margin:0}.news-gallery-image{height:var(--gallery-height);touch-action:pan-y pinch-zoom;background:#f1f3f5;border:1px solid #e0e4e7;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.news-gallery-layer{visibility:hidden;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.news-gallery-layer.is-visible{visibility:visible}.news-gallery-layer .news-photo-frame{background:0 0;width:100%;height:100%}.news-gallery-layer .news-photo-frame img{object-fit:contain;width:100%;height:100%;display:block}.news-gallery-layer .news-photo-frame.news-photo-cropped{height:auto;width:min(100%, calc(var(--gallery-height) * var(--photo-frame-ratio)))}.news-gallery-layer .news-photo-frame.news-photo-cropped img{object-fit:cover}.news-gallery-loading,.news-gallery-error{z-index:1;color:var(--navy);background:#fffffff0;border-radius:5px;padding:10px 14px;font-size:13px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 2px 10px #17204018}.news-gallery-error{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.news-gallery-error button{background:#fff;border:1px solid #d4dce4;border-radius:5px;min-height:44px;padding:8px 12px;font-weight:600}.news-gallery-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:16px;display:flex}.news-gallery-controls button{color:#112c4c;cursor:pointer;background:#fff;border:1px solid #d4dce4;border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;display:inline-flex}.news-gallery-controls button:hover{background:#eff4fa}.news-gallery-controls button:focus-visible{outline-offset:3px;outline:3px solid #255ddb}.news-gallery-error button:focus-visible{outline-offset:3px;outline:3px solid #255ddb}.news-gallery-image:focus-visible{outline-offset:3px;outline:3px solid #255ddb}@media (max-width:480px){.news-gallery-controls{gap:8px;font-size:13px}.news-gallery-controls button{gap:3px;padding-inline:9px}}