.classroom-alternative-playback{color:#2c4c4c;background:#f5f5ef;border-top:1px solid #a5b6ae;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.classroom-alternative-playback button{color:#2c4c4c;min-height:44px;font:inherit;cursor:pointer;background:#ffffffa6;border:1px solid #a5b6ae;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.classroom-alternative-playback button:disabled{opacity:.5;cursor:default}.classroom-alternative-playback :focus-visible{outline-offset:3px;outline:2px solid #285570}.classroom-alternative-playback label{flex:220px;align-items:center;gap:10px;font-size:12px;display:flex}.classroom-alternative-playback input{accent-color:#477f70;flex:1;min-width:60px}
.portal:has(.live-classroom.classroom-focused){padding:16px}.portal .live-classroom.classroom-focused .classroom-layout{grid-template-columns:minmax(0,1fr) clamp(160px,18vw,260px);align-items:start;gap:16px;display:grid}.portal .live-classroom.classroom-focused .classroom-board-scroll{overscroll-behavior:contain;height:calc(100dvh - 122px);min-height:220px;max-height:none;container:teaching-board/inline-size}.portal .live-classroom.classroom-focused .lesson-board{padding:22px 26px}.portal .live-classroom.classroom-focused .lesson-board h2{background:0 0;min-height:0;margin:0 0 16px;padding:0;font-size:clamp(24px,2.2vw,32px);line-height:1.5;position:static}.portal .live-classroom.classroom-focused .classroom-dock{flex-wrap:wrap;margin-top:10px}.classroom-focused .lesson-board-view{color:#526664;align-items:center;gap:12px;margin:0 0 12px;font-size:13px;display:flex}.classroom-focused .lesson-board-view>span{flex-shrink:0}.classroom-focused .lesson-board-view select{color:#2c4c4c;width:auto;min-width:0;max-width:100%;min-height:44px;font:inherit;background:#f6f8f5;border:1px solid #bdc9c3;border-radius:8px;padding:8px 30px 8px 12px;font-size:16px}.classroom-focused .lesson-board-view select:focus-visible{outline-offset:2px;outline:2px solid #285570}.classroom-focused .lesson-board-alternative-copy{margin-bottom:12px}.portal .classroom-focused .lesson-board-body{margin:12px 0 0;line-height:1.75}.portal .classroom-focused .lesson-equation{padding:10px 0;font-size:clamp(26px,2.4vw,34px)}.portal .classroom-focused .teaching-diagram ol{gap:4px;margin-top:8px}.portal .classroom-focused .teaching-diagram li{padding:4px 0;line-height:1.75}.portal .classroom-focused .teaching-sequence{margin:12px 0 0}.portal .classroom-focused .teaching-sequence>ol{grid-template-columns:minmax(0,1fr);gap:18px}.portal .classroom-focused .teaching-diagram-visual{min-width:0}.portal .classroom-focused .teaching-sequence p{font-size:16px;line-height:1.75}.portal .classroom-focused .sequence-heading h3{line-height:1.6}.portal .classroom-focused .sequence-formula{margin:8px 0;font-size:clamp(24px,2vw,30px)}.portal .classroom-focused .sequence-arrow{font-size:20px;line-height:20px;bottom:-21px}@container teaching-board (min-width:680px){.portal .classroom-focused .teaching-sequence>ol:not(:has(.teaching-diagram)){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal .classroom-focused .sequence-arrow{display:none}}@container teaching-board (min-width:900px){.portal .classroom-focused .teaching-sequence>ol{grid-template-columns:repeat(2,minmax(0,1fr))}.portal .classroom-focused .teaching-sequence .teaching-diagram svg text:not(.diagram-long-label){font-size:26px}.portal .classroom-focused .teaching-diagram:has(>figcaption){grid-template-columns:minmax(480px,1.2fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.portal .classroom-focused .teaching-diagram:has(>figcaption) svg text:not(.diagram-long-label){font-size:22px}.portal .classroom-focused .teaching-sequence>ol:has(>li:nth-child(3):last-child):not(:has(.teaching-diagram)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.portal:has(.live-classroom.classroom-focused){padding:10px}.portal .live-classroom.classroom-focused .classroom-layout{flex-direction:column;gap:8px;display:flex}.portal .live-classroom.classroom-focused .classroom-teacher-column{flex-direction:row-reverse;order:-1;align-items:start;gap:12px;width:100%;min-height:88px;position:static}.portal .live-classroom.classroom-focused .call-stage-card{aspect-ratio:3/4;border-radius:10px;flex:0 0 66px;width:66px;height:88px;min-height:0;max-height:none}.portal .live-classroom.classroom-focused .call-teacher-label{padding:12px 5px 5px;font-size:9px}.portal .live-classroom.classroom-focused .classroom-content{width:100%}.portal .live-classroom.classroom-focused .classroom-board-scroll{height:calc(100dvh - 196px);min-height:180px;max-height:none}.portal .live-classroom.classroom-focused .lesson-board{padding:16px}.portal .live-classroom.classroom-focused .lesson-board h2{margin-bottom:12px;font-size:24px}.portal .live-classroom.classroom-focused .classroom-speech{flex:1;width:auto;min-width:0;max-height:88px;margin:0;position:static;overflow:auto}.portal .classroom-focused .pendulum-figure{min-height:0}.portal .classroom-focused .pendulum-figure svg{height:180px}.portal .classroom-focused .pendulum-caption{padding:4px 0}}@media (max-height:550px) and (min-width:650px){.portal .live-classroom.classroom-focused .classroom-layout{grid-template-columns:minmax(0,1fr) 105px;display:grid}.portal .live-classroom.classroom-focused .classroom-teacher-column{flex-direction:column;order:0}.portal .live-classroom.classroom-focused .call-stage-card{flex-basis:auto;width:105px;height:140px}.portal .live-classroom.classroom-focused .classroom-board-scroll{height:calc(100dvh - 108px)}}@media (max-width:650px) and (min-height:551px){.portal .live-classroom.classroom-focused .classroom-layout{display:block;position:relative}.portal .live-classroom.classroom-focused .classroom-teacher-column{width:66px;height:88px;min-height:0;position:absolute;top:calc(100dvh - 112px);bottom:auto;right:0}.portal .live-classroom.classroom-focused .classroom-board-scroll{height:calc(100dvh - 134px)}.portal .live-classroom.classroom-focused .classroom-dock{border-radius:20px;align-content:center;gap:2px;width:calc(100% - 78px);min-height:88px;margin:10px 78px 0 0;padding:5px}.portal .live-classroom.classroom-focused .classroom-dock .button{min-width:42px;min-height:44px;padding-inline:10px}.portal .live-classroom.classroom-focused .classroom-options{max-width:calc(100vw - 32px);left:0;transform:none}.portal .live-classroom.classroom-focused .classroom-speech{z-index:4;width:min(350px,100vw - 32px);max-height:180px;position:absolute;top:auto;bottom:100px;right:0}}@media (max-width:374px) and (min-height:551px){.portal .live-classroom.classroom-focused .classroom-board-scroll{height:calc(100dvh - 150px)}.portal .live-classroom.classroom-focused .classroom-teacher-column{top:calc(100dvh - 128px)}}
.lesson-board-presentation .lesson-board-scene[hidden]{display:none}.board-page-navigation,.lesson-board-view-switch{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-page-navigation{color:#52644b;font:500 12px/1.4 var(--font);margin-top:14px}.board-page-navigation button,.lesson-board-view-switch button{color:#334b2d;min-height:36px;font:inherit;cursor:pointer;background:#f8f9f1;border:1px solid #bfcbb6;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.board-page-navigation button:disabled{opacity:.4;cursor:default}.lesson-board-view-switch{color:#52644b;justify-content:space-between;margin-bottom:16px;font-size:13px}.lesson-question .lesson-question-context{color:#334b2d;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.6}@media (min-width:760px) and (min-height:560px){.portal.tt-studio:has(.live-classroom.classroom-focused){padding:12px}.portal.tt-studio .live-classroom.classroom-focused{--classroom-controls-height:80px;height:calc(100dvh - 24px)}.portal.tt-studio .live-classroom.classroom-focused .classroom-session-heading{min-height:76px;padding-block:10px}.portal.tt-studio .live-classroom.classroom-focused .lesson-board-presentation{padding:12px 20px;padding-bottom:0}.lesson-board-presentation .lesson-board-scene{grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:16px;display:grid;container:board-scene/inline-size}.lesson-board-presentation .lesson-board-scene>*{grid-column:1/-1;min-width:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-board-view{border:0;grid-area:1/2;align-self:start;margin:0 0 12px;padding:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-board-view>span{display:none}.portal.tt-studio .live-classroom.classroom-focused .lesson-board-presentation h2{grid-area:1/1;margin:0 0 12px;font-size:clamp(23px,2vw,29px);line-height:1.45}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-board-alternative-copy{grid-row:2}.portal.tt-studio .classroom-focused .lesson-board-presentation .pendulum-figure{min-height:0;margin:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .pendulum-figure svg{height:clamp(170px,31dvh,300px)}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-board-body{margin-top:14px;font-size:18px;line-height:1.7}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-question-live{margin:0;padding:22px}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-question h3{font-size:22px}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-choices button{min-height:48px}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-visual{box-shadow:none;border:0;grid-template-columns:minmax(540px,68%) minmax(0,1fr);align-items:start;gap:12px;margin:0;display:grid;overflow:visible}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-visual-caption{background:#eff2e8;border:0;border-radius:10px;padding:12px}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-visual-caption li{gap:7px;padding:0;font-size:15px;line-height:1.65}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-visual-goal{font-size:14px;line-height:1.65}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-model-wrap{height:370px}.portal.tt-studio .classroom-focused .lesson-board-presentation .simulation-footnote{grid-column:1}.portal.tt-studio .classroom-focused .lesson-board-presentation .prepared-visual:has(.simulation-footnote) .prepared-visual-caption{grid-area:1/2/3}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-diagram:has(>figcaption){grid-template-columns:minmax(360px,56%) minmax(0,1fr);align-items:start;gap:16px;margin:0;display:grid}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-diagram figcaption{background:#eff2e8;border:0;border-radius:10px;padding:12px}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-diagram li{font-size:17px;line-height:1.7}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-diagram ol,.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence{margin:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol{grid-template-columns:minmax(0,1fr);gap:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol>li{padding:14px}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence p{font-size:17px}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol>li:has(>.teaching-diagram){grid-template-columns:minmax(360px,1.3fr) minmax(220px,1fr);align-items:start;gap:12px 20px;padding-block:0;display:grid}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol>li>.sequence-heading{grid-column:1/-1;margin-bottom:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol>li>.teaching-diagram{grid-area:2/1/6;margin:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence>ol>li:has(>.teaching-diagram)>:is(p,.sequence-formula,.sequence-summary-equation){grid-column:2;margin:0}.sequence-summary-equation{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #dce2d3;margin-top:12px;padding-top:12px;font-size:22px;line-height:1.65}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-arrow{display:none}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence.has-simulation{grid-template-columns:minmax(540px,68%) minmax(0,1fr);align-items:start;gap:12px;display:grid}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-simulation{grid-row:1/3}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-simulation .prepared-visual{display:block}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-simulation .prepared-visual-caption{display:none}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence.has-simulation>.board-page-navigation{grid-column:2}.portal.tt-studio .classroom-focused .lesson-board-presentation .worked-math-board{margin:0}.portal.tt-studio .classroom-focused .lesson-board-presentation .worked-math-focus{padding-block:10px}.portal.tt-studio .classroom-focused .lesson-board-presentation .worked-math-operation,.portal.tt-studio .classroom-focused .lesson-board-presentation .worked-math-reason{margin-block:8px}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-board-view select{width:180px;max-width:180px}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence:not(.has-simulation){flex-direction:column;display:flex}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-sequence:not(.has-simulation)>.board-page-navigation{order:-1;justify-content:flex-end;margin:-6px 0 6px}.portal.tt-studio .classroom-focused .lesson-board-presentation .lesson-equation{overflow-wrap:anywhere;font-size:24px;line-height:1.5}.portal.tt-studio .classroom-focused .lesson-board-presentation .teaching-diagram .lesson-board-body{font-size:16px;line-height:1.7}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-heading:has(.board-page-navigation){align-items:start;gap:14px;display:flex}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-heading h3{flex:1}.portal.tt-studio .classroom-focused .lesson-board-presentation .sequence-heading .board-page-navigation{flex:none;max-width:200px;margin:0}}@media (min-width:760px) and (max-width:1000px) and (min-height:560px){.portal.tt-studio .live-classroom.classroom-focused{--classroom-controls-height:120px}.portal.tt-studio .live-classroom.classroom-focused .lesson-board-presentation{padding:14px 14px 0}.portal.tt-studio .live-classroom.classroom-focused .classroom-teacher-column{bottom:6px}}@media (min-width:1001px) and (min-height:560px) and (max-height:800px){.portal.tt-studio .classroom-focused .lesson-board-presentation .wave-lab-space-time canvas{height:320px}}