/* Apple Design audit: keyboard feedback and comfortable touch controls. */
:where(a,button,summary,input,textarea,select,[tabindex]):focus-visible{outline:3px solid currentColor;outline-offset:4px}
.privacy-notice .privacy-close{width:44px;height:44px;top:0;right:0}
body.music .mv-intro-cue{color:#8b321e}
body.mobility .mm-approach p{color:#425967}
body.vfx .vx-pill{background:#cf2539!important;color:#fff!important}
body.vfx .vx-effect-options button[aria-pressed="true"]{background:#cf2539;color:#fff}
@media(max-width:760px),(pointer:coarse){
 body button,body summary{min-height:44px;min-width:44px}
 body.education .lesson-tabs button{font-size:12px;line-height:1.4}
 body.vfx .vx-pill,body.mobility .mm-pill{font-size:12px}
 body :is(.motion,.lesson-motion,.film-toggle){font-size:12px}
 .studio-lightbox button{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:focus-visible{transition:none}}
@media(prefers-reduced-transparency:reduce){.privacy-notice{backdrop-filter:none}}

/* Decorative video media has no hover playback chrome. */
video::-webkit-media-controls{display:none!important}
video{pointer-events:none}
.film-control,.video-control,[data-video-toggle]{display:none!important}