/* Phone course creation and presentation: comfortable touch targets and readable forms. */
@media(max-width:720px){
 body[data-page=upload] .cu button,body[data-page=upload] .cu .btn,body[data-page=upload] .cu select,body[data-page=upload] .cu input:not([type=checkbox]):not([type=file]){min-height:44px!important}
 body[data-page=upload] .cu input,body[data-page=upload] .cu textarea,body[data-page=upload] .cu select{font-size:16px!important;max-width:100%;box-sizing:border-box}
 body[data-page=upload] .cu summary{min-height:44px;display:flex;align-items:center;gap:8px}
 body[data-page=upload] .cu-tree{max-height:170px;overflow:auto}
 body[data-page=upload] .cu-toolbar>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 body[data-page=upload] .cu-toolbar>div:last-child .btn{white-space:normal;margin:0}
 body[data-page=upload] .cu-lesson-head{position:sticky;top:0;z-index:12;background:white;padding:8px 0;border-bottom:1px solid var(--line)}
 body[data-page=upload] .cu-lesson-head h3{flex-basis:100%}
 body[data-page=upload] .cu-production-options{gap:8px}
 body[data-page=upload] .cu-production-options .btn{flex:1 1 40%;font-size:13px}
 body[data-page=upload] .cu-table{overflow:visible}
 body[data-page=upload] .cu-table table,body[data-page=upload] .cu-table tbody{display:block;width:100%}
 body[data-page=upload] .cu-table thead{display:none}
 body[data-page=upload] .cu-table tr{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
 body[data-page=upload] .cu-table td{display:grid;gap:5px;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
 body[data-page=upload] .cu-table td:before{content:attr(data-label);font-weight:600;font-size:13px}
 body[data-page=upload] .cu-table td input{width:100%;min-width:0}
 body[data-page=upload] .cu-class-preview{height:300px}
 .classroom .tool-btn,.classroom .studio-more-tools>summary,.classroom [data-handout]{min-height:44px!important;min-width:44px;box-sizing:border-box;font-size:13px!important}
 .classroom .stage-tools{display:flex;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;align-items:center}
 .classroom .stage-tools .tool-btn{flex:1 1 auto}
 .classroom .stage-pager{flex-basis:100%;justify-content:center;margin:0}
 .classroom .classroom__stage{padding-bottom:200px}
 .classroom [data-handout]{position:static!important;left:auto!important;bottom:auto!important;margin:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;flex:1 1 auto}
 .embedded-lesson .stage-tools{position:static!important;flex-wrap:wrap!important}
 .embedded-lesson .classroom .classroom__stage{padding-bottom:8px!important}
}