/* One calm design for everyone (no font-size switcher): sensible touch targets on phones,
   wrapping toolbars, scrollable tables, visible focus, and respect for reduced motion. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body :is(.table-scroll,.owner-table-wrap,.monthly-chart){max-width:100%;overflow-x:auto}
body :is(.tool-nav,.tool-tabs,.teacher-toolbar,.teacher-section-heading,.teacher-preview-heading,.teacher-questions-heading,.record-actions,.inbox-filters,.feature-search,.feature-filters,.tool-actions,.tool-footer,.teacher-footer,.student-footer){flex-wrap:wrap}
body :is(input,textarea,select,button){touch-action:manipulation}
body :is(.skip-link){font-size:15px;padding:10px 14px}
img,svg,video{max-width:100%}
@media(max-width:700px){
  body :is(button,a.button,.button){min-height:42px}
  body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px} /* stops iOS zoom-on-focus */
  body :is(.tool-actions .button,.teacher-toolbar .button){white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}