/* Full ASC panels, horizontally scrollable without JavaScript. */
.app-showcase{max-width:1200px;margin:0 auto;padding:32px 5% 56px;color:inherit}
.app-showcase h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.app-showcase-intro{max-width:64ch;line-height:1.7;margin:0 0 22px;opacity:.85}
.app-gallery{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;list-style:none;margin:0;padding:4px 4px 18px;scroll-padding-inline:4px;-webkit-overflow-scrolling:touch}
.app-gallery>li{flex:0 0 clamp(232px,25vw,280px);min-width:0;scroll-snap-align:start}
.app-gallery figure{margin:0}
.app-gallery picture{display:block}
.app-gallery img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;background:#12121a}
.app-gallery figcaption{font-size:.92rem;line-height:1.5;margin-top:12px;max-width:30ch}
.app-gallery:focus-visible,.app-showcase a:focus-visible,.guide a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.app-guide-link{display:inline-block;color:inherit;text-underline-offset:4px;margin-top:20px}
@media(max-width:540px){.app-gallery>li{flex-basis:78vw}.app-showcase{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.app-gallery{scroll-behavior:auto}}