/* Readable teaching materials at every viewport width. */
html{font-size:112.5%!important}
html:has(body.view-large){font-size:156.25%!important}
body{font-size:1.1rem!important}
body .app-main,body .site-main{overflow-wrap:anywhere;hyphens:auto}
body .app-main :is(p,li,label,td,th),body .site-main :is(p,li,label,td,th),body .drawer :is(p,li,label){font-size:1.1rem!important;line-height:1.65!important}
body :is(.expression-chip,.expression-chip span,.expression-chip strong,.expression-chip small,.final-step span,.phrase,.word,.quiz-option,.preview-line span,.cue-section span,.profile-preview li,.writing-panel,.write-help-word,.write-help-chip,.writing-help-trigger,.write-help-status,.writing-status,.w36-flow-role span,.quality span){font-size:1.05rem!important;line-height:1.65!important}
body :is(small,.activity-badge,.activity-tag,.mission-meta,.mission-state,.task-position,.section-kicker,.write-help-note,.question-label,.top-action,.atelier-picker select,.atelier-path a,.atelier-path button){font-size:1rem!important;line-height:1.5!important}
body :is(button,input,select,textarea){font-size:1.05rem!important;line-height:1.5!important}
body :is(input:not([type=checkbox]):not([type=radio]),select,button){min-height:48px}
body :is(input:not([type=checkbox]):not([type=radio]),textarea){font-family:inherit!important}
body .expression-bank{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
body .final-plan.five-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important}
body .task-content{grid-template-columns:minmax(0,1fr) 260px!important}
body.view-large .task-content{grid-template-columns:1fr!important}
body.view-large .task-side{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
body.view-large :is(.sentence-input,.answer-row){grid-template-columns:1fr!important}
body.view-large :is(.task-content,.activity-body,.trainer-card,.app-main,.site-main){max-width:100%;min-width:0}
.learning-stack{display:grid;gap:1rem}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.learning-card{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.learning-card h3{margin:0 0 .6rem}.learning-card p{margin:.4rem 0 .8rem}.learning-card label{display:block;font-weight:650;margin:.7rem 0 .25rem}.learning-card :is(input,textarea,select){width:100%}.learning-card textarea{min-height:110px}.learning-card .check-row input{width:22px}
.learning-steps{display:grid;gap:1rem;margin:0;padding-left:1.5rem}.learning-steps li{padding-left:.25rem}.learning-steps li+li{margin-top:.3rem}.learning-steps strong{display:block}.learning-note{background:#edf4fb;border-left:4px solid #15569b;padding:1rem 1.15rem;border-radius:0 10px 10px 0;margin:1rem 0}.learning-note p{margin:.3rem 0}.learning-preview{padding:1.2rem;background:#f0f8f5;border:1px solid #9cbfb0;border-radius:12px}.learning-preview ol{margin:.6rem 0;padding-left:1.6rem}.learning-preview li{padding:.25rem 0}.learning-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.8rem 0}.learning-toolbar>*{min-width:0}.learning-tag{display:inline-block;background:#eaf2fb;border-radius:6px;padding:.2rem .6rem;font-size:1rem;color:#153958}.learning-muted{color:#344e67}.learning-source{font-size:1rem!important}.learning-source a{text-underline-offset:3px}
.word-bank{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.word-bank button{display:flex;flex-direction:column;text-align:left;align-items:start;padding:.65rem .8rem;background:#f4f8fc;border:1px solid #aebed0;border-radius:8px;color:#153958}.word-bank button span{font-size:1rem!important;font-weight:450}.word-bank button:hover{background:#e2effb;border-color:#15569b}.learning-model{padding:1rem;background:#f4f7fa;border-radius:9px;margin:.8rem 0}.learning-model p{margin:.3rem 0}.job-result{padding:1rem;border:2px solid #15569b;background:#eff6fe;border-radius:10px;margin-top:1rem}.job-result strong{display:block;font-size:1.3rem}.job-result p{margin:.5rem 0}.job-picker{padding:1rem;border:1px solid #b2c3d4;border-radius:12px;background:#fafcfe}.job-picker label{display:block;font-weight:650;margin:.7rem 0 .25rem}.job-picker :is(select,input){width:100%;max-width:100%}.job-options{width:100%}.job-source-links{display:flex;gap:1rem;flex-wrap:wrap}.job-result button{margin:.5rem .4rem 0 0}
.listen-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.listen-tabs button{padding:.7rem 1rem;background:#fff;border:1px solid #8397ad;border-radius:8px}.listen-tabs button[aria-pressed=true]{background:#153958;color:white}.listening-question{margin:1.1rem 0;padding:1rem;border:1px solid #ced8e3;border-radius:10px;min-width:0}.listening-question legend{font-size:1.1rem;font-weight:650;padding:0 .3rem}.listening-question label{display:flex!important;gap:.6rem;align-items:start;margin:.5rem 0}.listening-question input{flex:0 0 22px;margin-top:.25rem}.listen-result{border-left:4px solid #166748;padding:.7rem;background:#edf7f1}.listen-result:empty{display:none}.cue-editor{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid #ced8e3}.cue-editor input{width:100%}.cue-times{color:#344e67;font-weight:450}.video-checks{display:grid;gap:.7rem}.video-checks label{display:flex;gap:.7rem;align-items:start}.video-checks input{flex:0 0 22px;margin-top:.3rem}.video-rubric{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.video-rubric>div{padding:1rem;background:#f2f6fa;border-radius:9px}.video-rubric strong{display:block}.video-stage{padding:1rem;border:2px dashed #8397ad;border-radius:12px}.video-stage video{width:100%;max-height:430px;background:#132b45;border-radius:9px}.video-stage .learning-toolbar{justify-content:flex-start}.video-status{font-size:1.1rem;min-height:1.5em}
@media(max-width:1100px){body .task-content{grid-template-columns:1fr!important}}
@media(max-width:760px){.learning-grid,.video-rubric{grid-template-columns:1fr}.cue-editor{grid-template-columns:1fr;gap:.4rem}body .app-main,body .site-main{padding:16px!important}body .activity-body{padding:16px!important}.learning-card{padding:.9rem}.job-picker{padding:.85rem}.learning-toolbar>button{flex:1 1 160px}.learning-steps{padding-left:1.2rem}body .sentence-input{display:flex!important;flex-wrap:wrap!important}body .sentence-input input{flex:1 1 140px;min-width:0}body .atelier-nav{position:relative!important;top:auto!important}body .atelier-controls{grid-template-columns:1fr!important}body .atelier-step-buttons{grid-column:auto!important}.learning-preview{padding:1rem}}
@media print{.learning-toolbar,.job-picker,.cue-editor,.video-stage{display:none!important}html{font-size:12pt!important}}
@media(max-width:600px){body .callout{display:block!important;padding:1rem!important}body .callout-icon{margin-bottom:.6rem}body .task-main{padding:0!important}body .task-topline{flex-wrap:wrap;gap:.6rem}body .activity-header,body .activity-head{padding:1rem!important}body :is(.task-header,.mission-hero){padding:1rem!important}body .task-content{gap:1rem!important}body :is(.learning-card,.job-picker,.learning-preview){overflow-wrap:anywhere}body :is(.learning-card,.job-picker) select{white-space:normal}body .level-box{padding:1rem!important}body .level-box-head{display:block!important}body .mini-levels{margin-top:.7rem;display:flex;flex-wrap:wrap}body audio{width:100%;max-width:100%}body .learning-note{padding:1rem;margin:.8rem 0}body .job-result{padding:.8rem}body .job-result strong{font-size:1.2rem}body .job-result button{width:100%;margin:.5rem 0 0}}
body.view-large :is(.practice-badges,.video-rubric){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
body .atelier-picker{min-width:0!important;max-width:100%!important}body .atelier-picker select{min-width:0!important;width:100%!important;max-width:100%!important}body .atelier-return{min-width:0!important;max-width:100%!important}body .atelier-return span{min-width:0;overflow-wrap:anywhere}
body :is(.mission-shell,.mission-shell>*,.practice-app,.practice-app>*,.screen,.trainer-layout){min-width:0!important;max-width:100%!important}body .mission-shell{grid-template-columns:minmax(0,1fr)!important}body .mission-shell :is(button,summary){overflow-wrap:anywhere;max-width:100%}body .practice-goal progress{width:100%!important;max-width:100%!important;min-width:0!important}
body .atelier-return span{white-space:normal!important}body .practice-metrics span,body .practice-week span{overflow-wrap:anywhere}
@media(max-width:600px){body .atelier-return{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;text-align:left!important}body.view-large .practice-metrics{grid-template-columns:minmax(0,1fr)!important}body.view-large .practice-week{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){body .atelier-controls{grid-template-columns:minmax(0,1fr)!important}body .atelier-controls>*{min-width:0!important}body .atelier-step-buttons{flex-wrap:wrap!important}body.training-upgraded #trainerMain{padding:0!important;border:0!important}body .practice-task,body .practice-summary,body .practice-progress{padding:16px!important}body .practice-prompt,body .practice-answer{padding:14px!important}body .practice-goal{grid-template-columns:minmax(0,1fr)!important}body .practice-goal select{width:100%!important;min-width:0!important}body .practice-badges,body.view-large .practice-badges{grid-template-columns:minmax(0,1fr)!important}body .practice-badges>div{min-width:0;overflow-wrap:anywhere}}