/* Coding Classroom v0.9.13.7 — accessibility / mobile hardening */
:root{--cc-focus:#0b63ce;--cc-text:#20384f;--cc-muted:#536c82}
html{scroll-padding-bottom:110px}
body{color:var(--cc-text)}
.hint,.muted,.student-home-room small,.assessment-submit-bar small,.footer-version small{color:var(--cc-muted)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #79b9ff!important;outline-offset:3px!important;box-shadow:0 0 0 2px rgba(8,62,132,.22)!important}
button,[role="button"],a,input,select{touch-action:manipulation}
@media(max-width:780px){
  body{padding-bottom:max(86px,calc(74px + env(safe-area-inset-bottom)))}
  main{padding-bottom:24px}
  body[data-route="lab"] .mobile-bottom-nav,
  body[data-route="robot"] .mobile-bottom-nav,
  body[data-route="assessment"] .mobile-bottom-nav{display:none!important}
  body[data-route="lab"],body[data-route="robot"],body[data-route="assessment"]{padding-bottom:12px}
  .assessment-submit-bar,.world-controls,.lab-actions{scroll-margin-bottom:100px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}