/* Responsive Scroll Patch for ExamBook */

/* Allow scrolling INSIDE cards while body is locked in fullscreen */
#ccx.ccx-fullscreen .ccx-card{
  max-height: calc(100dvh - 48px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}

/* Sticky CTA so the Continue button is always reachable */
.ccx-cta{position:sticky; bottom:0; padding-top:12px; margin-top:8px;
  background: linear-gradient(180deg, rgba(11,16,32,0) 0%, rgba(11,16,32,.6) 40%, #0b1020 100%);
  backdrop-filter: blur(2px);
}

/* Fluid sizes */
.ccx-container{width:min(1100px, 92vw); margin:clamp(8px, 4vh, 40px) auto; padding:clamp(8px, 2vw, 16px)}
.ccx-card{box-sizing:border-box; padding:clamp(16px, 3vw, 24px)}
.ccx-preloader.on{min-height:clamp(220px, 55dvh, 480px) !important}
.ccx-instructions h3{font-size:clamp(18px, 2.6vw, 22px)}
.ccx-instructions p, .ccx-instructions li{font-size:clamp(14px, 2.2vw, 16px); line-height:1.7}
.ccx-pill{font-size:clamp(12px, 2vw, 14px); padding:6px 10px}
.ccx-loader{width:clamp(48px, 8vw, 72px); height:clamp(48px, 8vw, 72px); border-width:clamp(4px, .9vw, 6px)}
.ccx-txt{font-size:clamp(16px, 2.6vw, 18px)}
.ccx-webcam video{max-height:50dvh}

@media (max-width:560px){
  .ccx-instructions li{margin-bottom:.35rem}
  .ccx-pager{flex-direction:column; align-items:stretch}
  .ccx-navbtns{justify-content:space-between}
}