.lesson-board{color:#243942;overflow-wrap:anywhere;background:#f5f5ef;border:1px solid #e4e6df;border-radius:25px;min-height:510px;padding:30px 38px;box-shadow:0 24px 80px #0003}.lesson-board-meta{letter-spacing:1.6px;color:#526664;justify-content:space-between;gap:14px;margin-bottom:28px;font-size:10px;font-weight:600;display:flex}.lesson-board h2{letter-spacing:-.7px;max-width:900px;margin:0 0 12px;font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.65}.lesson-board-alternatives{margin:0 0 22px}.lesson-board-alternatives>span{color:#526664;margin-bottom:8px;font-size:12px;display:block}.lesson-board-alternatives>div{flex-wrap:wrap;gap:8px;display:flex}.lesson-board .lesson-board-alternatives button{color:#2c4c4c;max-width:100%;min-height:44px;font:inherit;text-align:start;cursor:pointer;background:#ffffffa6;border:1px solid #a5b6ae;border-radius:10px;padding:8px 14px;font-size:13px;line-height:1.6}.lesson-board .lesson-board-alternatives button[aria-pressed=true]{color:#264e36;background:#dbe9df;border-color:#5e806b}.lesson-board .lesson-board-alternatives button:disabled{cursor:default;opacity:.5}.lesson-board .lesson-board-alternatives button:focus-visible{outline-offset:3px;outline:2px solid #285570}.lesson-board-alternative-copy{border-left:3px solid #739487;margin:0 0 16px;padding-left:16px;font-size:15px;line-height:1.85}.lesson-board-alternative-copy strong{color:#285570;font-weight:600}.lesson-board-alternative-copy p{color:#40565b;white-space:pre-line;margin:6px 0 0}.lesson-board-alternative-copy summary{box-sizing:border-box;color:#40565b;cursor:pointer;min-height:44px;padding:8px 0;font-size:13px}.lesson-board-alternative-copy summary:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #285570}.pendulum-figure{grid-template-columns:minmax(0,1fr) 165px;align-items:center;min-height:230px;display:grid}.pendulum-figure svg{width:100%;height:270px;overflow:visible}.pendulum-caption{color:#526664;border-left:1px solid #d4ddd7;gap:12px;padding-left:22px;font-size:13px;line-height:1.8;display:grid}.pendulum-caption strong{color:#253f4a;font-size:16px}.lesson-equation{white-space:pre-line;color:#214859;letter-spacing:.3px;padding:22px 0;font-family:Georgia,Noto Sans Malayalam,serif;font-size:clamp(26px,3vw,43px);line-height:1.65}.lesson-board-body{white-space:pre-line;color:#40565b;max-width:760px;margin:12px 0 24px;font-size:17px;line-height:1.95}.lesson-question{border-top:1px solid #d6ded6;margin-top:25px;padding-top:22px}.lesson-question h3{margin:0 0 15px;font-size:16px;font-weight:500;line-height:1.8}.lesson-choices{flex-wrap:wrap;gap:10px;display:flex}.lesson-choices button{color:#2c4c4c;min-width:70px;min-height:46px;font:inherit;cursor:pointer;background:#ffffffa6;border:1px solid #a5b6ae;border-radius:12px;padding:10px 18px;font-size:14px;line-height:1.7}.lesson-choices button[aria-pressed=true]{color:#264e36;background:#dbe9df;border-color:#5e806b}.lesson-feedback{color:#35583f;margin-bottom:0;font-size:15px;line-height:1.9}@media (max-width:650px){.lesson-board{border-radius:19px;min-height:450px;padding:22px 19px}.lesson-board-meta{letter-spacing:.7px;margin-bottom:20px;font-size:9px}.pendulum-figure{grid-template-columns:1fr}.pendulum-figure svg{height:225px}.pendulum-caption{border:0;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:9px 0;display:flex}.pendulum-caption strong{font-size:15px}.lesson-board h2{font-size:24px}.lesson-board-body{font-size:16px}.lesson-equation{font-size:27px}}@media (prefers-reduced-motion:reduce){.lesson-board *{transition:none!important;animation:none!important}}.teaching-diagram{margin:20px 0}.teaching-diagram svg{background:#edf1ee;border:1px solid #d7dfda;border-radius:18px;width:100%;max-height:370px;display:block}.teaching-diagram svg text{font-family:DM Sans,sans-serif}.teaching-diagram ol{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.teaching-diagram li{border:1px solid #0000;border-radius:10px;align-items:start;gap:12px;padding:9px 13px;font-size:15px;line-height:1.9;display:flex}.teaching-diagram li.is-current{background:#e1e9e8;border-color:#b7caca}.teaching-diagram li>span{text-align:center;border:1px solid #b4c4c4;border-radius:50%;flex:0 0 25px;margin-top:2px;font:500 13px/25px sans-serif}.diagram-scrubber{align-items:center;gap:12px;padding:14px 4px;font-size:13px;display:flex}.diagram-scrubber input{flex:1;min-width:60px}@media (max-width:650px){.teaching-diagram li{padding:8px;font-size:14px}}.diagram-canvas{border-radius:18px;overflow-x:auto}.diagram-canvas.is-enlarged svg{min-width:640px}.lesson-board .teaching-diagram button.diagram-zoom{color:#293e4c;background:0 0;border:1px solid #aebfbf;border-radius:8px;min-height:44px;margin-top:8px;padding:8px 12px;font-size:13px}.lesson-board .teaching-diagram button.diagram-zoom:hover{color:#293e4c;background:#e1e9e8;border-color:#91aaa9}.teaching-sequence{margin:24px 0}.teaching-sequence>ol{gap:15px;margin:0;padding:0;list-style:none;display:grid}.teaching-sequence>ol>li{background:#ffffff90;border:1px solid #c8d6cf;border-left:4px solid #a3b5ad;border-radius:14px;min-width:0;padding:20px;transition:background .25s,border-color .25s;position:relative}.teaching-sequence>ol>li.is-current{background:#e2eee7;border-color:#477f70;box-shadow:0 4px 18px #294d4510}.sequence-heading{align-items:baseline;gap:12px;display:flex}.sequence-heading h3{margin:0;font-size:18px;font-weight:600;line-height:1.8}.sequence-number{color:#456658;letter-spacing:1px;font:500 12px/1.6 sans-serif}.teaching-sequence p{white-space:pre-line;margin:10px 0 0;font-size:16px;line-height:1.9}.sequence-formula{color:#255766;white-space:pre-line;overflow-wrap:anywhere;margin:12px 0;font:500 clamp(20px,2.1vw,29px)/1.6 Georgia,serif}.sequence-comparison>ol,.sequence-recap>ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-flow>ol{gap:28px}.sequence-arrow{color:#376c60;font-size:26px;line-height:26px;position:absolute;bottom:-27px;left:calc(50% - 10px)}.teaching-sequence .teaching-diagram{margin:14px 0}@media (max-width:650px){.sequence-comparison>ol,.sequence-recap>ol{grid-template-columns:minmax(0,1fr)}.teaching-sequence>ol>li{padding:15px}.sequence-heading h3{font-size:17px}}.classroom-focused .teaching-sequence{margin:26px 0}.classroom-focused .teaching-sequence>ol{gap:28px}.classroom-focused .teaching-sequence>ol>li{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 0 0 28px}.classroom-focused .sequence-number{color:#698276;font-size:11px;position:absolute;top:6px;left:0}.classroom-focused .sequence-heading h3{color:#285570;font-weight:500}.classroom-focused .sequence-heading{display:block}.classroom-focused .sequence-heading h3:after{content:"";background:#a5b4a5;width:36px;height:2px;margin-top:7px;transition:width .3s,background .3s;display:block}.classroom-focused .is-current .sequence-heading h3:after{background:#b65340;width:88px}.classroom-focused .sequence-formula{color:#234f70;margin:12px 0 5px;font-size:clamp(26px,2.4vw,36px)}.classroom-focused .teaching-sequence p{color:#435e63;margin-top:8px;font-size:16px}.classroom-focused .lesson-equation{color:#285570;font-family:Georgia,NotoSansMalayalam,serif}.classroom-focused .teaching-diagram{margin:0}.classroom-focused .teaching-diagram svg{background:0 0;border:0;border-radius:0;max-height:280px}.classroom-focused .teaching-diagram svg text{font-family:DM Sans,NotoSansMalayalam,sans-serif}.classroom-focused .diagram-canvas{border-radius:0}.classroom-focused .teaching-diagram li{color:#435e63;background:0 0;border:0;border-radius:0;padding:8px 0}.classroom-focused .teaching-diagram li.is-current{color:#254f69}.classroom-focused .teaching-diagram li>span{color:#8b4f3d;border:0}.classroom-focused .teaching-diagram li.is-current>span{border-bottom:2px solid #b65340;border-radius:0}.classroom-focused .lesson-board .teaching-diagram button.diagram-zoom{text-underline-offset:4px;border:0;padding-left:0;font-size:12px;text-decoration:underline}.classroom-focused .lesson-question{border-top:1px solid #97aba4}.lesson-board .lesson-question-live{color:#272d45;background:#f0f2ff;border:1px solid #b7bce0;border-radius:16px;margin:0 0 28px;padding:20px;scroll-margin-block:12px}.lesson-question-live .lesson-question-cue{color:#514798;margin:0 0 10px;font-size:13px;font-weight:700}.lesson-question-live h3{font-size:20px;font-weight:600;line-height:1.55}.lesson-question-live .lesson-choices{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-question-live .lesson-choices button{text-align:start;overflow-wrap:anywhere;background:#fff;min-width:0}.lesson-question-live .lesson-choices button[aria-pressed=true]{background:#dbe9df}.lesson-question-live .lesson-choices button:focus-visible{outline-offset:3px;outline:3px solid #514798}@media (max-width:650px){.lesson-board .lesson-question-live{padding:16px}.lesson-question-live .lesson-choices{grid-template-columns:minmax(0,1fr)}.lesson-question-live h3{font-size:18px}}@media (max-width:850px){.classroom-focused .teaching-sequence>ol{grid-template-columns:minmax(0,1fr);gap:26px}.classroom-focused .teaching-sequence>ol>li{padding-left:22px}.classroom-focused .sequence-heading h3{font-size:17px}.classroom-focused .sequence-formula{font-size:27px}.classroom-focused .teaching-sequence p{font-size:15px}.classroom-focused .teaching-diagram svg text:not(.diagram-long-label){font-size:24px}.classroom-focused .diagram-canvas.is-enlarged svg{min-width:640px}}.diagram-surface-note,.classroom-focused .diagram-long-label{display:none}.classroom-focused .diagram-surface-note{color:#536b70;margin:3px 0 6px;font-size:12px;line-height:1.7;display:block}
.teaching-diagram .teaching-diagram-renderer{aspect-ratio:2;background:#fbf8f1;border:1px solid #dcd9e7;border-radius:18px;width:100%;max-height:370px;position:relative;overflow:hidden}.teaching-diagram-renderer>canvas{visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.teaching-diagram-renderer.is-canvas-ready>canvas{visibility:visible}.teaching-diagram-svg-fallback{position:absolute;inset:0}.teaching-diagram .teaching-diagram-svg-fallback svg{background:0 0;border:0;width:100%;height:100%;max-height:none}.teaching-diagram-renderer.is-canvas-ready>.teaching-diagram-svg-fallback{clip-path:inset(50%);width:1px;height:1px;inset:auto;overflow:hidden}.teaching-diagram .diagram-canvas.is-enlarged .teaching-diagram-renderer{min-width:640px}.classroom-focused .teaching-diagram .teaching-diagram-renderer{max-height:280px}.teaching-diagram .diagram-long-label{display:none}.teaching-diagram .diagram-surface-note{color:#596b80;margin:9px 0 5px;font-size:12px;line-height:1.7;display:block}.teaching-diagram .diagram-canvas:focus-visible{outline-offset:3px;outline:2px solid #8572b0}