/* Six no-text banner slides, swipeable with quiet progress bars */
.ap-v22-banner{width:min(calc(100% - 24px),1200px);margin:16px auto 20px;position:relative}
.ap-v22-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px}
.ap-v22-track::-webkit-scrollbar{display:none}
.ap-v22-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio: 16 / 7;overflow:hidden;background:#e9dfd4}
.ap-v22-slide img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.ap-v22-indicators{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;display:flex;gap:5px;pointer-events:none;align-items:center}
.ap-v22-indicators span{width:18px;height:3px;background:rgba(255,255,255,.42);box-shadow:0 1px 3px rgba(0,0,0,.12);border-radius:5px;transition:background .2s,width .2s}
.ap-v22-indicators span.active{width:30px;background:rgba(255,255,255,.86)}
@media(max-width:699px){.ap-v22-banner{margin:12px auto 16px}.ap-v22-slide{aspect-ratio:1/1}.ap-v22-slide img{object-position:center top}.ap-v22-indicators{bottom:10px}}

/* V30 desktop: allow click-and-drag without selecting or dragging the image itself. */
@media (min-width:700px){
 .ap-v22-track{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
 .ap-v22-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
 .ap-v22-slide,.ap-v22-slide img{-webkit-user-drag:none;user-drag:none}
}