/* RC6.192 — common public/student typography and mobile grids */
.public-app-body .public-main :where(h1,h2,h3,h4,p,small,strong,label,.resource-item,.student-task-card){word-break:normal!important;overflow-wrap:break-word!important;hyphens:none;writing-mode:horizontal-tb}
.public-app-body .public-main :where(button,.btn,[role="button"],a.btn){word-break:normal!important;overflow-wrap:normal!important;hyphens:none;line-height:1.3}
.public-app-body .public-main :where(.inline-actions,.form-actions,.section-head,.student-top-actions,.page-title-actions){min-inline-size:0;max-inline-size:100%;flex-wrap:wrap;gap:8px}
.public-app-body .public-main :where(.panel,.card,.student-task-card,.resource-item,.form-group,.table-wrap){min-inline-size:0;max-inline-size:100%}
.public-app-body .public-main :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-inline-size:0;max-inline-size:100%}
.public-app-body .public-main :where(.table-wrap,.table-responsive){overflow-x:auto;-webkit-overflow-scrolling:touch}
.public-app-body .public-main :where(dialog,.pa-ui-dialog){max-inline-size:calc(100vw - 20px);max-block-size:calc(100dvh - 20px)}
@media(max-width:640px){
 .public-app-body .public-main :where(.form-actions,.inline-actions,.page-title-actions)>:where(button,a,.btn){max-inline-size:100%;min-inline-size:min(100%,11ch)}
 .public-app-body .public-main :where(.student-task-grid,.resource-grid,.student-progress-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important}
 .public-app-body .public-main :where(input,select,textarea){font-size:max(16px,1rem)}
}
@media(max-width:390px){.public-app-body .public-main :where(.student-task-grid,.resource-grid,.student-progress-grid){grid-template-columns:minmax(0,1fr)!important}}
@media (min-width:641px) and (max-width:900px){
 .public-app-body .public-main :where(.student-task-grid,.resource-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important}
}