/* Shared small-screen layer for every public, learner, teacher, parent and admin page. */
html,body{max-width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.ss-table-wrap,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ss-translator-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.ss-translate-swap{margin-bottom:1px}.ss-translator textarea{min-height:210px}.ss-translator .ss-form-status{align-self:center;margin:0}

@media(max-width:760px){
 body{font-size:16px;padding-bottom:env(safe-area-inset-bottom)}
 .ss-shell,.container{width:min(100% - 20px,1180px)}
 .ss-section{padding:36px 0}.ss-page-hero{padding:30px 0 18px}.ss-page-hero h1,.ss-section-head h2{line-height:1.08}.ss-page-hero p,.ss-section-head p{line-height:1.6}
 .ss-card,.card{padding:18px;border-radius:20px}.ss-btn,.btn,button,input,select{min-height:44px}.ss-field input,.ss-field select,.ss-field textarea,input,select,textarea{font-size:16px}
 .ss-grid,.ss-grid.two,.ss-grid.three,.ss-grid.four,.ss-subject-grid,.ss-module-grid,.ss-toolbar,.ss-stat-grid,.ss-dashboard-grid,.ss-dash-grid,.ss-action-cards,.ss-metric-strip,.ss-admin-role-grid,.ss-ops-stats,.ss-classroom-grid,.ss-assignment-grid,.ss-form-grid,.ss-learning-summary,.ss-exam-bodies,.ss-footer-grid,.grid-2,.grid-3,.info-grid,.lesson-layout{grid-template-columns:1fr!important}
 .ss-app-shell-v7,.ss-app-layout,.ss-admin-shell,.ss-lesson-layout{grid-template-columns:1fr!important}
 .ss-sidebar,.ss-role-sidebar,.ss-admin-nav,.ss-lesson-side,.lesson-sidebar,.ss-analytics-toolbar{position:static!important;top:auto!important}
 .ss-role-side-nav,.ss-admin-nav nav,.lesson-nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:thin}.ss-role-side-nav a,.ss-admin-nav nav a,.lesson-nav a{flex:0 0 auto;white-space:nowrap}
 .ss-section-head,.ss-intel-hero,.ss-complete-card,.ss-footer-bottom{display:block}.ss-section-head .ss-actions,.ss-section-head>.ss-btn,.ss-intel-hero>*+*,.ss-complete-card .ss-btn{margin-top:12px}
 .ss-actions{gap:9px}.ss-actions>.ss-btn,.ss-actions>.btn{flex:1 1 145px}
 .ss-chat{height:52vh;min-height:320px}.ss-message{max-width:94%}.ss-compose{grid-template-columns:1fr auto}.ss-compose .ss-btn{grid-column:1/-1;width:100%}
 .ss-translator-controls{grid-template-columns:1fr auto 1fr}.ss-translator-panes{gap:12px}.ss-translator textarea{min-height:180px}
 .ss-roadmap-step,.ss-period-card,.ss-timetable-day,.ss-heat-row{grid-template-columns:1fr!important}.ss-roadmap-marker{width:42px;height:42px}.ss-roadmap-step>.ss-btn{grid-column:1}
 .ss-module-footer{display:grid;align-items:stretch}.ss-module-footer .ss-btn{width:100%}.ss-mini-question .opts{grid-template-columns:1fr}
 .ss-table{min-width:620px}.ss-table th,.ss-table td{padding:10px;font-size:.82rem}
 .ss-health-ring{width:126px;height:126px;margin:16px auto 0}.ss-correlation{align-items:flex-start}.ss-intervention{display:grid}
 .ss-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.ss-footer-grid{gap:22px}.ss-footer-bottom>*{display:block;margin-top:8px}
 .ss-mobile-nav{bottom:calc(8px + env(safe-area-inset-bottom));overflow:hidden}.ss-mobile-nav small{font-size:.69rem;line-height:1.15}.ss-mobile-nav a{min-width:0;padding:4px 1px}
}

@media(max-width:430px){
 .ss-announcement{font-size:.75rem}.ss-navbar{gap:8px}.ss-brand span{font-size:1rem}.ss-nav-actions{gap:5px}.ss-account-pill>span:last-child{display:none}
 .ss-card,.card{padding:16px}.ss-page-hero h1{font-size:clamp(2rem,11vw,2.7rem)}
 .ss-actions{display:grid;grid-template-columns:1fr}.ss-actions>.ss-btn,.ss-actions>.btn{width:100%}
 .ss-translator-controls{grid-template-columns:1fr auto}.ss-translator-controls .ss-field:last-child{grid-column:1/-1}.ss-translate-swap{grid-column:2;grid-row:1}
 .ss-learning-summary{grid-template-columns:1fr 1fr!important}.ss-learning-summary>div{padding:13px}.ss-game-row{grid-template-columns:1fr}.ss-chat{min-height:290px}
 .ss-mobile-nav{left:5px;right:5px;padding:5px;border-radius:17px}.ss-mobile-nav span{font-size:1rem}.ss-mobile-nav small{font-size:.62rem}
}