#menu{display:none}header .account{align-items:center}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.about-photo{width:100%;max-height:400px;object-fit:cover;border-radius:12px}.message-list{max-height:500px;overflow:auto;padding:15px;margin:20px 0;background:#f1f5eb;border-radius:12px}.message{padding:15px;border-bottom:1px solid #d6dfce}.message small{display:block;color:#637468;font-size:11px}.message p{font-size:14px}fieldset{border:1px solid #d5decb;border-radius:10px;margin:20px 0;padding:18px}legend{font-weight:600}.checklabel{display:flex;align-items:center;gap:10px;padding:6px 0}.checklabel input[type=checkbox]{width:auto;margin:0;flex-shrink:0}label{display:block}label input,label select,label textarea{margin-top:8px;margin-bottom:14px}.audio-options{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.audio-options label{font-size:11px;color:#dde6d5}.audio-options select{display:inline-block;width:auto;padding:5px 8px;margin:0 0 0 7px}.heroimage>img{height:100%;width:100%;object-fit:cover}.heroimage>span{position:absolute;bottom:12px;left:12px;font-size:10px;color:white;background:#173c2dcc;padding:7px}.heroimage{position:relative}.cinema-mode .shell{margin-left:0}.cinema-mode #presentation{scroll-margin-top:0}#presentation,#reading{scroll-margin-top:100px}#presentation:focus{outline:none}.cinema-image>a{margin-top:18px;font-size:10px;background:#ffffff0b;color:#f6f4e8;border-color:#ffffff30}.cinema-audio input{margin:0}.practice-question .feedback:empty{display:none}.course-card h2{font-size:30px}#formerror{color:#8b3c30;font-size:13px;white-space:pre-wrap}.lesson-summary p{line-height:1.9}.teacher-turn p{font-size:16px;line-height:1.95}form button:disabled{opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b99b50;outline-offset:4px}@media(max-width:720px){#menu{display:block;padding:8px}.account{gap:6px}header{min-height:84px;height:auto;padding:12px}header #crumb{display:none}header #account{max-width:145px;text-overflow:ellipsis;overflow:hidden;font-size:10px}header #logout{font-size:11px}#reading,#presentation{scroll-margin-top:110px}.audio-options{gap:8px}.cinema-copy p{font-size:15px;line-height:1.85}.teacher-turn p{font-size:15px}.source-transcript pre{font-size:12px}}
@media(min-width:721px){.study-cinema{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:calc(100dvh - 110px);min-height:620px}.cinema-stage{height:auto;min-height:0;overflow:hidden}.cinema-copy{overflow:auto;justify-content:flex-start;padding:25px 30px}.cinema-copy h2{font-size:34px;margin:12px 0}.cinema-copy p{font-size:15px;line-height:1.85}.cinema-image{padding:18px;overflow:hidden}.cinema-image img{max-height:calc(100% - 80px);min-height:70px}.cinema-top{padding:13px 22px}.cinema-audio{padding:12px 22px}.cinema-controls{padding:10px}.cinema-bottom{padding:13px 22px;gap:9px}.cinema-bottom label{margin:0}.cinema-bottom select{margin:0}.concept-map{padding:12px;margin-top:17px}.concept-map>div>div{padding:12px}.concept-map strong{font-size:12px}.cinema-source{display:block;margin-top:18px}}.cinema-mode .study-cinema{height:calc(100dvh - 16px);min-height:0;margin:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}.cinema-mode .cinema-stage{height:auto;min-height:0;overflow:hidden}.cinema-mode .cinema-copy{overflow:auto;justify-content:flex-start}.cinema-mode .cinema-image{overflow:hidden}.cinema-mode .cinema-image img{max-height:calc(100% - 70px)}@media(max-width:720px){.study-cinema{overflow:clip}.cinema-audio{position:sticky;top:0;z-index:2}.cinema-top{position:relative;z-index:3}.cinema-mode .cinema-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 120px}.cinema-mode .cinema-image{padding:8px;flex-direction:row;gap:8px}.cinema-mode .cinema-image img{width:100px;max-height:100px}.cinema-mode .cinema-image figcaption{font-size:8px;max-width:100px;margin:0}.cinema-mode .cinema-image>a{display:none}.cinema-mode .cinema-copy{padding:18px}.cinema-mode .cinema-copy h2{font-size:28px}.cinema-mode .cinema-copy p{font-size:14px}.cinema-mode .cinema-bottom{padding:10px;gap:7px}.cinema-mode .cinema-bottom small{display:none}.cinema-mode .cinema-bottom button{font-size:11px}.cinema-mode .cinema-controls{padding:8px;gap:10px}.cinema-mode .cinema-controls>button{padding:7px 12px}.cinema-mode .cinema-top{padding:9px 13px;font-size:8px}.cinema-mode .cinema-audio{padding:10px 15px}.cinema-mode .audio-options{gap:5px}.cinema-mode .cinema-audio small{font-size:8px}}