.app-screenshots{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 4px 24px;max-width:100%;}
.app-screenshots figure{flex:0 0 220px;margin:0;scroll-snap-align:start;}
.app-screenshots a{display:block;border-radius:20px;overflow:hidden;border:1px solid #dbe4ec;box-shadow:0 6px 18px #102b4514;background:#f4f7fa;}
.app-screenshots img{display:block;width:100%;height:auto;}
.app-screenshots figcaption{text-align:center;font-weight:600;margin-top:12px;}
.app-screenshots a:focus-visible,.app-screenshots:focus-visible{outline:3px solid #087fc3;outline-offset:3px;}
@media(max-width:600px){.app-screenshots{gap:16px;}.app-screenshots figure{flex-basis:72%;max-width:260px;}}