/* The format cards keep their expanding desktop layout. */
#festival-formats .format-slider-controls{display:none}
@media(max-width:760px){
 #festival-formats .format-triptych{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 36px);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:3px 8px}
 #festival-formats .format-triptych::-webkit-scrollbar{display:none}
 #festival-formats .feature-link{scroll-snap-align:start;scroll-snap-stop:always;transition:none;min-width:0}
 #festival-formats .feature-link h3{font-size:clamp(20px,5.7vw,24px);overflow-wrap:anywhere}
 #festival-formats .feature-link p{overflow-wrap:anywhere}
 #festival-formats .format-triptych:focus-visible{outline:1px solid currentColor;outline-offset:4px}
 #festival-formats .format-slider-controls:not([hidden]){display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}
 #festival-formats .format-slider-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #555;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
 #festival-formats .format-slider-controls button:disabled{opacity:.3;cursor:default}
 #festival-formats .format-slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
 #festival-formats .format-slider-controls svg{width:22px;height:22px}
 #festival-formats .format-slider-controls output{margin-inline-end:auto;color:#aaa;font-size:12px;font-variant-numeric:tabular-nums;direction:ltr}
 [dir=rtl] #festival-formats .format-slider-controls svg{transform:scaleX(-1)}
 #festival-formats .experience-panel{animation:none}
}
@media(forced-colors:active){#festival-formats .format-slider-controls button{border-color:ButtonText;color:ButtonText}}