.concept-classroom{container-type:inline-size;overflow:visible}.teacher-stage{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);gap:16px;align-items:center;margin:24px 0;padding:18px 16px;border:1px solid #d6b47b38;border-radius:22px;background:radial-gradient(ellipse at 0 50%,#4a372633,transparent 65%),#121315}
.teacher-portrait{position:relative;min-width:0}.teacher-rig{aspect-ratio:1;width:100%;border-radius:26px;overflow:hidden;background:#fff2e4;box-shadow:0 8px 32px #0003}.teacher-rig>svg,.teacher-rig>img{display:block;width:100%;height:100%;object-fit:contain}.teacher-name{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);padding:5px 12px;border:1px solid #b799634d;border-radius:20px;background:#29251f;color:#f1d7a9;font-size:11px;white-space:nowrap}.concept-classroom .teacher-kicker{font-size:11px;letter-spacing:.06em;color:#cbb17f;margin:0 0 9px}.teacher-invitation{min-width:0}.concept-classroom [data-teacher-caption]{font-size:19px;line-height:1.65;letter-spacing:-.035em;word-break:keep-all;color:#f3ede3;margin:0 0 12px}.teacher-invitation [data-teacher-status]{display:flex;gap:7px;align-items:center;color:#a9aaa7;font-size:11px;line-height:1.5}.teacher-invitation [data-teacher-status]:before{content:'';width:5px;height:5px;border-radius:50%;background:#848b80;flex:none}.teacher-stage[data-speaking=true] [data-teacher-status]:before{background:#e6c88c;box-shadow:0 0 9px #e6c88c7a}.teacher-stage[data-speaking=true]{border-color:#d6b47b70}
.concept-classroom .concept-sound{display:none}.concept-classroom .learning-illustration{margin:0;border:1px solid #ffffff12;border-radius:14px;overflow:hidden;background:#191815}.learning-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.concept-classroom .learning-illustration figcaption{padding:14px 16px;margin:0;font-size:13px;line-height:1.8;color:#ddd4c7}.concept-classroom .learning-figure svg{max-height:180px}.concept-classroom .teacher-source-note{padding:16px 18px;margin:14px 0 0;border-left:2px solid #d7b77f;background:#d7b77f08;font-size:13px;line-height:1.85;color:#cbc3b7}.teacher-source-note strong{display:block;color:#e3c695;font-size:11px;margin-bottom:6px}.teacher-source-note p{margin:0;font-size:13px!important;line-height:1.85!important}.teacher-source-note small{display:block;font-size:10px;color:#a4a29a;margin-top:9px}.teacher-lesson-progress{display:flex;gap:6px;margin:15px 0 18px;padding:0;list-style:none;counter-reset:lesson}.teacher-lesson-progress li{flex:1;min-width:0;border-top:2px solid #ffffff18;padding:8px 0 0!important;font-size:11px!important;color:#8b8e88!important;line-height:1.5!important;margin:0!important}.teacher-lesson-progress li[aria-current=step]{border-color:#d8b880;color:#e5c68b!important}.teacher-lesson-progress li[data-done=true]{border-color:#a9bea2;color:#a9bea2!important}.teacher-practice-visual{margin:14px 0}.concept-classroom .teacher-practice-visual figcaption{font-size:12px}
@container(min-width:600px){.teacher-stage{grid-template-columns:180px minmax(0,1fr);padding:24px 30px;gap:28px}.concept-classroom [data-teacher-caption]{font-size:23px}.learning-illustration{max-width:760px;margin-left:auto!important;margin-right:auto!important}}
@container(max-width:400px){.teacher-stage{gap:14px;padding:18px 14px;margin:20px 0;border-radius:18px}.teacher-rig{border-radius:20px}.concept-classroom [data-teacher-caption]{font-size:17px;line-height:1.6;margin-bottom:9px}.concept-classroom .teacher-kicker{font-size:10px;margin-bottom:6px}.teacher-invitation [data-teacher-status]{font-size:10px}.teacher-name{font-size:10px;padding:4px 10px}.concept-classroom .learning-illustration figcaption{padding:12px;font-size:12px}.teacher-lesson-progress li{font-size:10px!important}}

.teacher-stage[data-speaking=true]{position:sticky;top:var(--teacher-sticky-top,120px);z-index:5;background:#171615;box-shadow:0 12px 32px #0006}.teacher-visual-detail summary{font-size:12px;color:#b4ac9f;cursor:pointer;padding:6px 0 14px}