.prepared-visual{color:#183f50;border:1px solid #d4e1dc;border-radius:18px;margin:22px 0;overflow:hidden;box-shadow:0 12px 30px #254b4510}.prepared-flat{width:100%;height:auto;min-height:230px;max-height:420px;display:block}.prepared-flat text{font-family:DM Sans,Noto Sans Malayalam,sans-serif}.prepared-image-stage{min-height:220px;position:relative}.prepared-image-stage>img{object-fit:contain;width:100%;height:auto;max-height:440px;display:block}.prepared-image-overlay{position:absolute;inset:0}.prepared-image-overlay .prepared-flat{width:100%;height:100%;max-height:none}.prepared-model-wrap{background:radial-gradient(at 40% 25%,#ffffffc9,#0000 75%);height:clamp(280px,32vw,430px);position:relative}.prepared-model-wrap>.prepared-flat{height:100%;position:absolute;inset:0}.prepared-model{visibility:hidden;touch-action:pan-y;cursor:grab;position:absolute;inset:0}.prepared-model.is-ready{visibility:visible;touch-action:none}.prepared-model:active{cursor:grabbing}.prepared-model:focus-visible{outline-offset:-4px;outline:3px solid #598c83}.prepared-model canvas{width:100%;height:100%;display:block}.prepared-model-hint{text-align:center;color:#4e6a6d;pointer-events:none;font-size:11px;position:absolute;bottom:10px;left:14px;right:14px}.prepared-visual-caption{background:#fffffff0;border-top:1px solid #d7e2dc;padding:18px 22px}.prepared-visual-goal{color:#264b52;margin:0 0 13px;font-size:15px;font-weight:500;line-height:1.8}.prepared-visual-caption ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.prepared-visual-caption li{border:1px solid #0000;border-radius:10px;grid-template-columns:25px minmax(0,1fr);gap:11px;padding:9px 11px;font-size:13px;line-height:1.85;display:grid}.prepared-visual-caption li>span{text-align:center;border:1px solid #bdd1c8;border-radius:50%;width:24px;height:24px;margin-top:2px;font:500 11px/23px sans-serif}.prepared-visual-caption li strong{font-weight:500}.prepared-visual-caption li p{color:#47666c;margin:3px 0 0}.prepared-visual-caption li.is-current{background:#e9f2eb;border-color:#bad2c6}.prepared-visual-caption li.is-upcoming{color:#748982}.prepared-asset-error{padding:25px;font-size:14px;line-height:1.8}@media (max-width:650px){.prepared-visual{border-radius:13px;margin:15px 0}.prepared-visual-caption{padding:14px}.prepared-flat{min-height:200px}.prepared-model-wrap{height:300px}}
.teaching-simulation{color:#23324c;background:radial-gradient(at 65% 35%,#f0ecfc77,#0000 65%),linear-gradient(145deg,#fff,#f4f7fc);position:relative}.teaching-simulation canvas{touch-action:pan-y;width:100%;height:clamp(270px,39vw,460px);display:block}.teaching-simulation canvas:focus-visible{outline-offset:-4px;outline:2px solid #7258ca}.simulation-footnote{text-align:center;color:#67738a;min-height:18px;padding:0 18px 14px;font:500 11px/1.6 DM Sans,sans-serif}.simulation-parameters{text-align:center;overflow-wrap:anywhere;color:#33415b;margin:0;padding:0 18px 12px;font-size:14px;line-height:1.7}.simulation-parameters p{margin:0 0 3px}.cell-division-scene{background:#f1f7f7}.cell-division-current{flex-wrap:wrap;align-items:center;gap:12px;padding:22px 24px 0;display:flex}.cell-division-current>span{color:#66838a;letter-spacing:.08em;font-size:11px}.cell-division-current strong{color:#234b55;font-size:16px;font-weight:500}.cell-division-scene .teaching-simulation{background:radial-gradient(#fff 10%,#f1f7f7 74%)}.cell-division-scene .simulation-footnote,.cell-division-storyboard .simulation-footnote{display:none}.cell-division-explanation{color:#385e67;max-width:78ch;margin:0;padding:0 24px 22px;font-size:14px;line-height:1.75}.cell-division-storyboard{background:#dbe8e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.cell-division-storyboard>div{background:#f5f9f9;min-width:0}.cell-division-storyboard p{color:#244d56;margin:0;padding:0 16px 16px;font-size:12px;line-height:1.6}.cell-division-storyboard p span{color:#68818a;margin-right:4px}.teaching-simulation.simulation-compact canvas{height:210px}.prepared-visual[data-simulation]{border-color:#dce0ec;border-radius:22px;box-shadow:0 14px 45px #2837540d}.prepared-visual[data-simulation] .prepared-visual-caption{border-color:#e2e6ef}.prepared-visual[data-simulation] .is-current{background:#f1edfc;border-color:#d9d0f1}@media (max-width:500px){.cell-division-current{gap:6px;padding:18px 18px 0}.cell-division-current strong{font-size:14px}.cell-division-explanation{padding:0 18px 20px;font-size:13px}.cell-division-storyboard{grid-template-columns:1fr}.teaching-simulation canvas{height:280px}.simulation-footnote{font-size:10px}.prepared-visual[data-simulation]{border-radius:16px}}
.social-story{color:#293f3a;background:#f6f1e5}.social-story-map{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.journey-map-stage{background:#cadfdb;min-width:0;position:relative;overflow:hidden}.journey-map-stage canvas{width:100%;height:100%;min-height:480px;display:block}.journey-map-status{background:#fff8;padding:16px;font-size:13px;line-height:1.7;position:absolute;inset:35% 20px auto}.social-story-events{padding:28px 24px}.social-story-events ol{margin:0;padding:0;list-style:none}.social-story-events li{grid-template-columns:30px minmax(0,1fr);gap:14px;padding:0 0 28px;display:grid;position:relative}.social-story-events li:last-child{padding-bottom:0}.social-story-events li:not(:last-child):before{content:"";background:#cbbd9b;width:1px;position:absolute;top:35px;bottom:7px;left:14px}.story-event-number{color:#826e4b;background:#f9f5ec;border:1px solid #d1c5aa;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:600;display:grid}.social-story-events h3{letter-spacing:-.02em;margin:2px 0 9px;font-size:16px;font-weight:500;line-height:1.55}.social-story-events p{color:#6e7464;margin:0;font-size:13px;line-height:1.75}.social-story-events .is-active .story-event-number{color:#fff;background:#ad5a33;border-color:#ad5a33;box-shadow:0 0 0 5px #ad5a3310}.social-story-events .is-active h3{color:#9f4c28}.social-story-events .is-past .story-event-number{color:#fff;background:#385f55;border-color:#385f55}.social-story-note{color:#747663;border-top:1px solid #dbd4bd;grid-column:1/-1;margin:0;padding:14px 24px;font-size:10px;line-height:1.6}.social-story-timeline .social-story-events{padding:36px}.social-story-timeline .social-story-events li{grid-template-columns:44px minmax(0,1fr);gap:22px;padding-bottom:36px}.social-story-timeline .story-event-number{width:44px;height:44px;font-size:13px}.social-story-timeline .social-story-events li:not(:last-child):before{top:50px;left:21px}.social-story-timeline .social-story-events h3{font-size:23px}.social-story-timeline .social-story-events p{max-width:60ch;font-size:15px}.prepared-visual[data-simulation=journey-map],.prepared-visual[data-simulation=ordered-timeline]{border-color:#d8d5c4}@media (max-width:1000px){.social-story-map{grid-template-columns:1fr}.journey-map-stage canvas{height:400px;min-height:0}.social-story-events{padding:24px}.social-story-events h3{font-size:16px}}@media (max-width:500px){.journey-map-stage canvas{height:330px}.social-story-events{padding:22px 18px}.social-story-timeline .social-story-events{padding:24px 18px}.social-story-timeline .social-story-events h3{font-size:19px}.social-story-timeline .social-story-events p{font-size:13px}.social-story-timeline .social-story-events li{grid-template-columns:34px minmax(0,1fr);gap:14px}.social-story-timeline .story-event-number{width:34px;height:34px}.social-story-timeline .social-story-events li:not(:last-child):before{top:40px;left:16px}}
.math-model-stage{background:radial-gradient(at 35% 15%,#ffffffdb,#0000 75%);min-width:0;padding:8px 0 0}.math-model-stage canvas{width:100%;height:300px;display:block}.math-model-stage.math-model-subset canvas{height:380px}.math-model-notation{color:#223b48;overflow-wrap:anywhere;gap:7px;margin:0;padding:0 20px 12px;font:500 15px/1.65 DM Sans,Noto Sans Malayalam,sans-serif;display:grid}.math-model-note{color:#526b6a;border-top:1px solid #d5e3dc;margin:0;padding:10px 20px 14px;font-size:12px;line-height:1.65}@media (max-width:500px){.math-model-stage.math-model-compare canvas{height:450px}.math-model-stage.math-model-subset canvas{height:380px}.math-model-notation{padding-inline:14px;font-size:14px}.math-model-note{padding-inline:14px}}
.wave-lab{color:#273444;background:radial-gradient(at 45% 0,#fff 0%,#fbfaf5 55%,#f2efe7 100%);border:1px solid #deddd580;border-radius:22px;width:100%;min-width:0;padding:clamp(8px,1.4vw,16px);box-shadow:inset 0 1px #fff,0 10px 30px #31334006;container:wave-lab/inline-size}.wave-lab canvas{width:100%;height:272px;display:block}.wave-lab-space-time canvas{height:402px}.wave-lab-frequency canvas{height:352px}.wave-lab-directions canvas{height:394px}.wave-lab-scene{position:relative}.wave-lab-direction-labels{pointer-events:none;position:absolute;inset:0}.wave-lab-direction-labels span{color:#615478;font:500 13px/1.4 DM Sans,Noto Sans Malayalam,sans-serif;position:absolute;top:19px;left:28px;right:82px}.wave-lab-direction-labels span+span{top:calc(50% + 15px)}.wave-lab-speed canvas{height:342px}.wave-lab-calculation canvas{height:208px}.wave-lab-quantities{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 10px 12px;display:grid}.wave-lab-quantities>span{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.wave-lab-quantities i{color:#7660c0;font:italic 20px Georgia,serif}.wave-lab-quantities strong{color:#273444;white-space:nowrap;font:500 19px/1.3 DM Sans,sans-serif}.wave-lab-quantities small{color:#747c88;margin-left:5px;font-size:12px}.wave-lab-relationships{color:#596473;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:8px 10px 3px;font:500 13px/1.5 DM Sans,sans-serif;display:flex}.wave-lab-worked-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px 10px 8px;display:grid}.wave-lab-worked-steps>div{opacity:.28;background:#fffdf8;border:1px solid #dfdce8;border-radius:12px;min-width:0;padding:14px 12px;box-shadow:0 4px 12px #7660c007}.wave-lab-worked-steps>div[data-revealed=true]{opacity:1}.wave-lab-worked-steps>div:last-child{background:#f0ecfa;border-color:#d4c9ed}.wave-lab-worked-steps span{color:#9082b2;letter-spacing:.12em;margin-bottom:9px;font:500 10px/1 DM Sans,sans-serif;display:block}.wave-lab-worked-steps strong{overflow-wrap:anywhere;font:500 clamp(14px,1.5vw,20px)/1.4 DM Sans,sans-serif;display:block}@media (max-width:600px){.wave-lab{border-radius:16px}.wave-lab-quantities{gap:4px;padding:4px 3px 10px}.wave-lab-quantities>span{gap:5px}.wave-lab-quantities strong{font-size:16px}.wave-lab-quantities i{font-size:17px}.wave-lab-quantities small{margin-left:3px;font-size:11px}.wave-lab-worked-steps{gap:7px;padding:6px 2px}.wave-lab-worked-steps>div{padding:10px 7px}.wave-lab-worked-steps strong{font-size:13px}}@container wave-lab not (min-width:500px){.wave-lab-space-time canvas{height:516px}.wave-lab-quantities{gap:4px;padding:4px 3px 10px}.wave-lab-quantities>span{gap:5px}.wave-lab-quantities strong{font-size:16px}.wave-lab-quantities i{font-size:17px}.wave-lab-worked-steps{grid-template-columns:1fr;gap:7px}.wave-lab-worked-steps>div{align-items:center;gap:14px;padding:10px 14px;display:flex}.wave-lab-worked-steps span{margin:0}.wave-lab-worked-steps strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.wave-lab *{transition:none!important}}
.lens-bench{color:#384440;background:radial-gradient(at 50% 15%,#fffefa 0%,#f7f5eb 62%,#eeeede 100%);border:1px solid #dedfd180;border-radius:22px;width:100%;min-width:0;padding:14px 12px 10px;box-shadow:inset 0 1px #fff,0 12px 30px #52654908}.lens-bench canvas{width:100%;height:330px;display:block}@media (max-width:600px){.lens-bench{border-radius:16px;padding:12px 5px 9px}.lens-bench canvas{height:340px}}
.optics-lab{color:#293749;background:radial-gradient(at 45% 0,#fff 0%,#fbfaf5 55%,#f2efe7 100%);border:1px solid #deddd580;border-radius:22px;width:100%;min-width:0;padding:clamp(8px,1.4vw,16px);box-shadow:inset 0 1px #fff,0 10px 30px #31334006;container:optics-lab/inline-size}.optics-lab canvas{width:100%;height:302px;display:block}.optics-lab-two-foci canvas,.optics-lab-lens-power canvas{height:404px}.optics-lab-instrument canvas{height:326px}.optics-lab-relation{color:#655383;text-align:center;padding:8px 10px 5px;font:500 14px/1.5 DM Sans,sans-serif}@container optics-lab not (min-width:470px){.optics-lab canvas{height:268px}.optics-lab-two-foci canvas,.optics-lab-lens-power canvas{height:402px}.optics-lab-instrument canvas{height:282px}}@media (prefers-reduced-motion:reduce){.optics-lab *{transition:none!important}}
.concept-lab{background:radial-gradient(at 50% 10%,#fffefa,#f5f4eb 75%,#eceee2);border:1px solid #dedfd1aa;border-radius:22px;width:100%;min-width:0;overflow:hidden;box-shadow:inset 0 1px #fff,0 12px 30px #52654908}.concept-lab canvas{aspect-ratio:720/420;width:100%;height:auto;display:block}@media (max-width:600px){.concept-lab{border-radius:16px}.concept-lab canvas{aspect-ratio:720/500}}