.screens-carousel-controls{display:none}
@media(max-width:700px){
 .screenshot-grid{position:relative;display:flex;gap:14px;width:100%;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px;touch-action:pan-x pan-y pinch-zoom}
 .screenshot-grid::-webkit-scrollbar{display:none}
 .screenshot-grid.is-auto-sliding,.screenshot-grid.is-held{scroll-snap-type:none}
 .screenshot-grid img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
 .screenshot-grid>.screenshot-button{flex:0 0 calc(100% - 28px);max-width:340px;scroll-snap-align:center;scroll-snap-stop:always;transform:none;-webkit-touch-callout:none;user-select:none}
 .screenshot-grid>.screenshot-button:hover{transform:none}
 .screens-carousel-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin-top:4px;color:var(--ink)}
 .carousel-dots{display:flex;align-items:center;gap:0}
 .carousel-dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--accent);cursor:pointer}
 .carousel-dot:before{content:'';width:7px;height:7px;background:var(--muted);opacity:.4;border-radius:20px;transition:width .2s,opacity .2s}
 .carousel-dot[aria-current=true]:before{width:20px;background:var(--accent);opacity:1}
 .carousel-hint{font-size:10px;line-height:1.8;color:var(--muted);text-align:center}
}
@media(prefers-reduced-motion:reduce){.carousel-dot:before{transition:none}}