/* Narrow screens keep the approved design while preserving access to long tables. */
html{scrollbar-gutter:stable}img,svg{max-width:100%}button,input,select,textarea{touch-action:manipulation}.table-wrap{overscroll-behavior-x:contain}
@media(max-width:700px){[data-flow-surface=workspace] .shell{min-width:0}main#app{min-width:0;max-width:100%}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:580px}.settings-grid,.subscription-grid{grid-template-columns:1fr!important}.school-onboarding-grid{grid-template-columns:1fr}.billing-seat-counts{gap:20px}.page-head .actions{flex-wrap:wrap}.school-remove-teacher{white-space:normal!important}.teacher-schools .lesson{align-items:flex-start}.teacher-schools .actions{justify-content:flex-start}.calendar-inner-scroll{overscroll-behavior:contain}#modal{max-width:calc(100vw - 24px)}body.auth-page .auth-main{padding:24px}.auth-card input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}