/* Keep the approved CCTV scenes; fit their controls and artwork to the viewport. */
.cc-watch-page .cc-scroll-section:not(.hm-hero)>.cc-scroll-sticky{top:64px}
.cc-watch-page .cc-scroll-section:not(.hm-hero) .cc-scroll-grid{width:min(1280px,calc(100% - 80px));grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:48px}
.cc-watch-page :is(.ccm-step,.ccc-step,.ccp-step){border-radius:0 8px 8px 0;transition:background-color 160ms,color 160ms,border-color 160ms,transform 120ms}
.cc-watch-page :is(.ccm-step,.ccc-step,.ccp-step)[aria-pressed=true]{background:#f3efff}
.cc-watch-page :is(.ccm-step,.ccc-step,.ccp-step):active{transform:scale(.98)}
@media(min-width:761px) and (max-width:1100px){
 .cc-watch-page .cc-scroll-section:not(.hm-hero) .cc-scroll-grid{width:calc(100% - 56px);grid-template-columns:240px minmax(0,1fr);gap:28px}
 .cc-watch-page .cc-scroll-section:not(.hm-hero) .cc-scroll-copy h2{font-size:28px!important}
 .cc-watch-page .ccm-camera{width:44%;top:100px}
 .cc-watch-page .ccm-phone{width:58%}
 .cc-watch-page .ccm-transfer{left:43%}
}
@media(max-width:760px){
 .cc-watch-page .cc-scroll-section:not(.hm-hero) .cc-scroll-grid{width:calc(100% - 36px);grid-template-columns:minmax(0,1fr);gap:20px}
 .cc-watch-page .hm-hero .cc-scroll-sticky{padding-block:20px;min-height:0;height:calc(100svh - 60px)}
 .cc-watch-page .hm-hero .cc-scroll-grid{gap:20px}
 .cc-watch-page .hm-scene .cc-cinema-map{height:100%!important}
 .cc-watch-page .cc-cinema-stage{height:clamp(290px,calc(100svh - 425px),373px)}
 .cc-watch-page .cc-cinema-footer{padding:8px 10px}
 .cc-watch-page .cc-watch-cinema .cc-watch-event{min-height:38px;font-size:11px;padding:7px}
 .cc-watch-page .cc-cinema-footer>span{display:none}
 .cc-watch-page .cc-connect-section.cc-scroll-section{--cc-stage-height:740px}
 .cc-watch-page .cc-connect-section>.cc-scroll-sticky{top:min(64px,calc(100svh - 740px))}
 .cc-watch-page .ccm-steps{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;overflow:visible;padding:0}
 .cc-watch-page .ccm-step{width:100%;min-height:42px;white-space:normal;border-radius:6px 6px 0 0;padding:9px 8px}
 .cc-watch-page .ccm-step>span{white-space:normal;overflow:visible;text-overflow:clip}
 .cc-watch-page .ccc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}
 .cc-watch-page .ccc-step{width:100%;font-size:12px;gap:5px;white-space:normal;padding:8px 5px;border-radius:6px 6px 0 0}
 .cc-watch-page .ccp-step{border-radius:6px 6px 0 0;white-space:normal;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .cc-watch-page :is(.ccm-step,.ccc-step,.ccp-step){transition:none}
 .cc-watch-page .cc-scroll-section:not(.hm-hero)>.cc-scroll-sticky{top:0}
 .cc-watch-page .hm-hero .cc-scroll-sticky{height:auto;padding-block:40px}
}