.road{fill:#d9e1ec}.road-center{stroke:#fff;stroke-width:5;stroke-dasharray:22 16}.position-mark line{stroke:#70829a;stroke-width:2}.position-mark text,.visual-note,.visual-title,.graph-labels text{font-family:"Segoe UI",Arial,sans-serif;fill:#41536b}.visual-title{font-size:16px;font-weight:800;fill:var(--primary-dark)}.visual-note{font-size:13px}.bike-wheel{fill:#fff;stroke:#26384b;stroke-width:4}.bike-frame,.rider{fill:none;stroke:#1967d2;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.rider-head{fill:#f0b67f}.distance-arrow,.vector,.gravity-vector{fill:none;stroke:#1967d2;stroke-width:4}.gravity-vector{stroke:#b42318}.arrow-fill{fill:#1967d2}.axis{stroke:#5f7189;stroke-width:2}.grid-lines line{stroke:#dbe4ef;stroke-width:1}.motion-line{fill:none;stroke:#1967d2;stroke-width:5}.motion-points circle{fill:#1967d2}.motion-track{position:relative;height:72px;margin:18px 0 12px;border-radius:12px;background:linear-gradient(#d9e2ec 0 30%,#68788a 30% 78%,#d9e2ec 78%);overflow:hidden}.motion-track::after{content:"";position:absolute;left:4%;right:4%;top:51%;border-top:4px dashed #fff}.lab-car{position:absolute;top:20px;left:6%;font-size:31px;z-index:2;transform:translateX(-50%);transition:left .15s ease}.track-start,.track-end{position:absolute;bottom:4px;font-size:11px;font-weight:800;color:#405168}.track-start{left:6px}.track-end{right:6px}.lab-equation{margin-left:auto;font-family:Cambria,"Times New Roman",serif;color:var(--primary-dark);font-weight:700}.speed-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0}.speed-sequence>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.speed-sequence span,.speed-sequence strong{display:block}.speed-sequence span{font-size:11px;color:var(--muted)}.speed-sequence strong{margin:3px 0 8px;color:var(--primary-dark)}.speed-bar{height:7px;border-radius:999px;background:linear-gradient(90deg,#1967d2 var(--p),#e7edf5 var(--p))}.orbit{fill:none;stroke:#aab9ca;stroke-width:10}.orbit-object{fill:#1967d2}.fall-guide{stroke:#c8d3df;stroke-width:3;stroke-dasharray:8 8}.fall-ball circle{fill:#1967d2}.fall-ball text{fill:#41536b;font-size:13px}.projectile-path{fill:none;stroke:#1967d2;stroke-width:4;stroke-dasharray:8 6}.projectile-ball{fill:#1967d2}.projectile-ghost{fill:#a7c8f5}
.diagnostic-recall{margin:12px 0 18px;padding:13px 14px;border:1px solid #d9d4f4;border-left:5px solid #6d4aff;border-radius:11px;background:#faf8ff}.diagnostic-recall strong{display:block;color:#5d42bd;margin-bottom:4px}.diagnostic-compare{margin-top:12px}.c2-visual-title{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:800;fill:var(--primary-dark)}.c2-caption,.c2-force-label{font-family:"Segoe UI",Arial,sans-serif;fill:#43556c}.c2-caption{font-size:12px}.c2-force-label{font-size:13px;font-weight:800}.c2-arrow-fill{fill:#1967d2}.c2-cart,.c2-object{fill:#eaf2ff;stroke:#1967d2;stroke-width:3}.c2-wheel{fill:#fff;stroke:#304257;stroke-width:4}.c2-force-arrow,.c2-motion-arrow,.c2-inertia-arrow,.c2-normal-arrow,.c2-tension-arrow,.c2-tendency-arrow,.c2-pair-arrow,.c2-centripetal-arrow,.c2-velocity-arrow{fill:none;stroke:#1967d2;stroke-width:5;stroke-linecap:round}.c2-force-arrow.muted{stroke:#9fb0c3}.c2-weight-arrow{fill:none;stroke:#b42318;stroke-width:5;stroke-linecap:round}.c2-bus{fill:#eaf2ff;stroke:#1967d2;stroke-width:4}.c2-window{fill:#d9efff;stroke:#7faee8;stroke-width:2}.c2-person{fill:#f1b786}.c2-person.alt{fill:#ddb07e}.c2-person-line{fill:none;stroke:#2b435c;stroke-width:6;stroke-linecap:round}.c2-person-line.alt{stroke:#5d426d}.c2-inertia-arrow{stroke:#6d4aff}.c2-brake{font-family:"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:900;fill:#b42318}.force-lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.force-lab-controls label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.force-lab-controls input{width:100%}.force-lab-scene{position:relative;min-height:155px;margin:18px 0 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#f8fbff 0 64%,#dbe4ee 64% 70%,#f1f4f7 70%);overflow:hidden}.force-cart{position:absolute;left:50%;top:58%;width:120px;height:58px;transform:translate(-50%,-50%);border:3px solid #1967d2;border-radius:10px;background:#eaf2ff}.force-cart span{position:absolute;inset:12px 18px;border-radius:5px;background:#fff}.force-cart i{position:absolute;bottom:-18px;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid #304257}.force-cart i:nth-of-type(1){left:12px}.force-cart i:nth-of-type(2){right:12px}.force-arrow-right,.force-arrow-left{--arrow-size:120px;position:absolute;top:28%;height:30px;width:var(--arrow-size);transition:width .15s ease}.force-arrow-right{left:calc(50% + 78px);border-top:7px solid #1967d2}.force-arrow-left{right:calc(50% + 78px);border-top:7px solid #b42318}.force-arrow-right::after{content:"";position:absolute;right:-2px;top:-12px;border-left:18px solid #1967d2;border-top:9px solid transparent;border-bottom:9px solid transparent}.force-arrow-left::after{content:"";position:absolute;left:-2px;top:-12px;border-right:18px solid #b42318;border-top:9px solid transparent;border-bottom:9px solid transparent}.force-arrow-right span,.force-arrow-left span{position:absolute;top:-31px;font-size:11px;font-weight:900;white-space:nowrap}.force-arrow-right span{right:0;color:#1967d2}.force-arrow-left span{left:0;color:#b42318}.force-lab-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.force-lab-result>div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px}.force-lab-result span,.force-lab-result strong{display:block}.force-lab-result span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.force-lab-result strong{margin-top:4px;color:var(--primary-dark)}.force-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.force-cards article{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.force-cards article>strong{display:block;color:var(--primary-dark);font-size:17px;margin-bottom:5px}.force-cards small{display:block;margin-top:7px;color:var(--muted)}.c2-surface{fill:#8e9bab}.c2-object-round{fill:#eaf2ff;stroke:#1967d2;stroke-width:3}.c2-rope{stroke:#6e7e90;stroke-width:5}.c2-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.c2-comparison>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.c2-comparison strong{display:block;color:var(--primary-dark);margin-bottom:4px}.c2-ramp{fill:#eef2f6;stroke:#8c9aaa;stroke-width:3}.c2-floor{stroke:#99a8b8;stroke-width:8;stroke-linecap:round}.c2-car{fill:#eaf2ff;stroke:#1967d2;stroke-width:3}.c2-orbit{fill:none;stroke:#c5d1de;stroke-width:14}.c2-center{fill:#6d4aff}.c2-centripetal-arrow{stroke:#6d4aff}.c2-velocity-arrow{stroke:#087f5b}
.energy-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.energy-story-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.energy-story-card strong{display:block;color:var(--primary-dark);margin-bottom:4px}.energy-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.energy-flow>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px;text-align:center}.energy-flow strong{display:block;color:var(--primary-dark);margin-bottom:4px}.energy-bar{height:16px;border-radius:999px;background:#e6edf6;overflow:hidden;margin-top:8px}.energy-bar span{display:block;height:100%;width:var(--energy);background:#1967d2}.energy-bar.potential span{background:#6d4aff}.energy-bar.elastic span{background:#d08700}.energy-diagram{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:16px 0}.energy-diagram>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px;text-align:center}.energy-diagram .energy-arrow{border:0;background:transparent;padding:0;color:var(--primary);font-size:26px;font-weight:900}.energy-diagram strong{display:block;color:var(--primary-dark)}.stairs-scene{position:relative;height:185px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#f8fbff 0 72%,#eef2f6 72%);overflow:hidden}.stairs-step{position:absolute;bottom:28px;height:24px;background:#cad5e2;border:1px solid #aebccd}.stairs-person{position:absolute;bottom:58px;font-size:34px;transition:left .2s ease,bottom .2s ease}.power-lab-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.power-lab-results>div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px}.power-lab-results span,.power-lab-results strong{display:block}.power-lab-results span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.power-lab-results strong{color:var(--primary-dark);margin-top:4px}.spring-scene{display:flex;align-items:center;gap:0;min-height:120px;margin:15px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafcff}.spring-wall{width:18px;height:88px;background:#70829a;border-radius:5px}.spring-coil{flex:1;height:34px;background:repeating-linear-gradient(135deg,transparent 0 11px,#d08700 11px 15px,transparent 15px 26px);border-top:2px solid #d08700;border-bottom:2px solid #d08700}.spring-block{width:72px;height:72px;border:3px solid #d08700;border-radius:10px;background:#fff5d8;display:grid;place-items:center;font-weight:900;color:#805700}.conservation-track{position:relative;min-height:240px;margin:15px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#f8fbff,#fff);overflow:hidden}.track-line{position:absolute;left:7%;right:7%;bottom:42px;height:135px;border-bottom:9px solid #70829a;border-left:9px solid transparent;border-right:9px solid transparent;border-radius:0 0 48% 48%/0 0 70% 70%;transform:skewY(-9deg)}.track-ball{position:absolute;left:10%;bottom:165px;width:32px;height:32px;border-radius:50%;background:#1967d2}.energy-label{position:absolute;font-size:12px;font-weight:800;color:#42556c}.energy-label.top{left:8%;top:20px}.energy-label.bottom{left:46%;bottom:18px}.energy-label.end{right:8%;top:55px}.power-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.power-comparison>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.power-comparison strong{display:block;color:var(--primary-dark)}
.momentum-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.momentum-comparison>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px;text-align:center}.momentum-comparison strong,.momentum-comparison span,.momentum-comparison b{display:block}.momentum-comparison strong{color:var(--primary-dark);font-size:17px}.momentum-comparison span{color:var(--muted);margin-top:3px}.momentum-comparison b{margin-top:8px;color:#1967d2}.impulse-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.impulse-scene>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.impulse-scene strong,.impulse-scene small{display:block}.impulse-scene small{color:var(--muted);margin-top:6px}.impulse-bar{display:block;height:18px;border-radius:999px;margin-top:9px;background:#dbe7f7}.impulse-bar.short{width:45%;background:#b42318}.impulse-bar.long{width:88%;background:#1967d2}.safety-collision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.safety-collision-grid>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.safety-collision-grid strong{display:block;color:var(--primary-dark)}.collision-time{height:16px;border-radius:999px;margin:10px 0;background:#e7edf5;position:relative}.collision-time::after{content:"";display:block;height:100%;border-radius:999px}.collision-time.tiny::after{width:18%;background:#b42318}.collision-time.safer::after{width:76%;background:#087f5b}.collision-before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:16px 0}.collision-panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px;text-align:center}.collision-panel>span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.collision-panel>strong{display:block;color:var(--primary-dark);margin-top:10px}.collision-arrow{color:var(--primary);font-size:28px;font-weight:900}.cart-token{display:inline-grid;place-items:center;min-width:76px;height:48px;margin:4px;border-radius:10px;color:#fff;font-weight:900}.cart-token.blue{background:#1967d2}.cart-token.purple{background:#6d4aff}.collision-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.collision-types article{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.collision-types strong{display:block;color:var(--primary-dark);font-size:17px}.collision-types span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.restitution-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.restitution-scale>div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:13px;text-align:center}.restitution-scale strong,.restitution-scale span{display:block}.restitution-scale strong{color:var(--primary-dark);font-size:18px}.restitution-scale span{color:var(--muted);font-size:12px;margin-top:4px}.collision-lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.collision-lab-controls label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.collision-lab-controls input{width:100%}.collision-lab-scene{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.collision-lane{position:relative;height:112px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(#f8fbff 0 72%,#d9e2ec 72% 78%,#f5f7fa 78%);overflow:hidden}.collision-lane>span{position:absolute;top:8px;left:10px;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.lab-collision-cart{position:absolute;bottom:25px;width:64px;height:40px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900}.lab-collision-cart.a{left:22%;background:#1967d2}.lab-collision-cart.b{right:22%;background:#6d4aff}.collision-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.collision-results>div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px}.collision-results span,.collision-results strong{display:block}.collision-results span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.collision-results strong{margin-top:4px;color:var(--primary-dark)}.collision-conclusion{margin-top:12px!important;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
@media(max-width:1050px){.force-cards{grid-template-columns:1fr}.force-lab-controls,.force-lab-result{grid-template-columns:1fr 1fr}.collision-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.speed-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.energy-flow{grid-template-columns:1fr}.power-lab-results{grid-template-columns:1fr 1fr}.collision-types,.collision-results{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.speed-sequence{grid-template-columns:1fr 1fr}.lab-equation{width:100%;margin-left:0}.force-lab-controls,.force-lab-result,.c2-comparison,.energy-story-grid,.power-lab-results,.power-comparison,.momentum-comparison,.impulse-scene,.safety-collision-grid,.collision-types,.restitution-scale,.collision-lab-controls,.collision-lab-scene,.collision-results{grid-template-columns:1fr}.force-lab-scene{min-height:210px}.force-arrow-right{left:calc(50% + 66px)}.force-arrow-left{right:calc(50% + 66px)}.force-arrow-right,.force-arrow-left{max-width:32vw}.force-cart{width:105px}.diagnostic-recall{padding:12px}.energy-diagram,.collision-before-after{grid-template-columns:1fr}.energy-diagram .energy-arrow,.collision-arrow{transform:rotate(90deg);text-align:center}.stairs-scene{height:160px}}
.lever-example{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafcff}.lever-example>div:not(.lever-center){border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;text-align:center}.lever-example strong,.lever-example span,.lever-example small,.lever-example b{display:block}.lever-example strong{color:var(--primary-dark)}.lever-example span{font-size:20px;font-weight:900;color:#1967d2;margin-top:4px}.lever-example small{color:var(--muted);margin-top:3px}.lever-example b{color:#6d4aff;margin-top:8px}.lever-center{font-size:34px;color:#70829a;padding-bottom:8px}.stability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.stability-grid>div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px}.stability-grid>div>strong{display:block;color:var(--primary-dark);margin-bottom:8px}.stability-grid p{font-size:13px;color:var(--muted)}.stability-scene{position:relative;height:180px;border-radius:10px;background:linear-gradient(#f8fbff 0 78%,#dce4ec 78%);overflow:hidden}.stability-body{position:absolute;bottom:39px;width:72px;height:105px;border:3px solid #1967d2;border-radius:8px;background:#eaf2ff;transform-origin:center bottom}.stability-cm{position:absolute;width:16px;height:16px;border-radius:50%;background:#b42318;z-index:2}.stability-scene b{position:absolute;top:20px;bottom:30px;width:0;border-left:3px dashed #b42318}.stability-scene.stable .stability-body{left:50%;transform:translateX(-50%)}.stability-scene.stable .stability-cm{left:calc(50% - 8px);top:70px}.stability-scene.stable b{left:50%}.stability-scene.tipping .stability-body{left:56%;transform:translateX(-50%) rotate(12deg)}.stability-scene.tipping .stability-cm{left:70%;top:64px}.stability-scene.tipping b{left:72%}.torque-lab-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.torque-lab-controls label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.torque-lab-controls input{width:100%}.torque-lab-scene{position:relative;height:175px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#f8fbff 0 78%,#eef2f6 78%);overflow:hidden}.torque-beam{position:absolute;left:10%;right:10%;top:72px;height:16px;border-radius:999px;background:#70829a;transform-origin:center center;transition:transform .18s ease}.torque-load{position:absolute;top:-55px;font-size:38px;font-weight:900}.torque-load.left{left:16%;color:#6d4aff}.torque-load.right{right:16%;color:#1967d2}.torque-pivot{position:absolute;left:50%;top:84px;transform:translateX(-50%);font-size:48px;color:#8a98aa}.torque-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.torque-results>div{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px}.torque-results span,.torque-results strong{display:block}.torque-results span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.torque-results strong{margin-top:4px;color:var(--primary-dark)}#torqueConclusion{margin-top:12px!important;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
@media(max-width:1000px){.torque-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.stability-grid,.torque-lab-controls,.torque-results{grid-template-columns:1fr}.lever-example{grid-template-columns:1fr auto 1fr;gap:6px;padding:10px}.lever-example>div:not(.lever-center){padding:9px}.lever-example span{font-size:17px}.lever-center{font-size:25px}.torque-lab-scene{height:155px}}