.movement-example{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 54px;max-width:960px;display:grid;margin:48px auto 0!important}.movement-example-stage{min-width:0}.example-index{color:var(--muted);font:11px/1.6 var(--mono)}.movement-example-stage svg{width:200px;max-width:100%;height:76px;margin:12px auto;display:block}.movement-example-stage>strong{font:28px/1.4 var(--mono);color:var(--blue);display:block}.movement-example-stage strong small{font-size:15px}.movement-example-stage p{color:var(--muted);margin-top:10px;font-size:13px}.movement-example figcaption{color:var(--muted);font:10px/1.8 var(--mono);grid-column:1/-1}.movement-intro .model-boundary{max-width:85ch;margin-inline:auto}.movement-prediction>div>p{max-width:47ch;color:var(--muted);font-size:14px}.prediction-link{border-bottom:1px solid var(--line);align-items:center;gap:30px;min-height:44px;margin-top:18px;font-size:13px;text-decoration:none;display:inline-flex}.prediction-link:hover{border-color:var(--blue)}.movement-lab{align-items:stretch}.movement-visual{flex-direction:column;display:flex}.movement-toolbar{min-height:77px}#movement-viewport{flex:1;width:100%;height:460px;min-height:400px;position:relative}.movement-legend{color:var(--muted);flex-wrap:wrap;gap:12px 24px;padding:18px 24px 0;font-size:11px;display:flex}.movement-legend span{align-items:center;gap:8px;display:flex}.movement-legend i{flex-shrink:0;width:17px;height:2px}.movement-legend .goal-key{background:#446e91}.movement-legend .wall-key{background:#9b6547}.movement-legend .peer-key{background:#78668f}.movement-legend .net-key{background:repeating-linear-gradient(90deg,#273438 0 5px,#0000 5px 8px)}.movement-caption{color:var(--muted);padding:16px 24px 20px;font-size:11px;line-height:1.8}.movement-page .transport{border-bottom:0}.movement-page .transport button{font-size:12px}.movement-page .speed-control{margin-left:auto}.movement-page .speed-control select{max-width:150px;font-size:12px}.movement-config>label{margin-bottom:8px;font-size:13px;display:block}.movement-config>.small{margin-top:11px}.movement-config fieldset>label{justify-content:space-between;align-items:baseline;gap:14px;margin-top:14px;font-size:13px;display:flex}.movement-config output{color:#355c7b;font:13px/1.5 var(--mono)}.movement-config input[type=range]{width:100%;accent-color:var(--blue);background:0 0;border:0;margin:6px 0;padding:0;display:block}.movement-config form .wide{margin-top:12px;font-size:12px}.movement-constants{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:24px;padding-top:24px;display:grid}.movement-constants>span{color:#586970;font-size:11px}.movement-constants strong{color:var(--ink);font:16px/1.6 var(--mono);margin-bottom:4px;display:block}#movement-finish{background:0 0;margin-top:26px;font-size:12px}.movement-metrics{gap:25px 40px;padding:30px 0}.movement-metrics>div>span{color:var(--muted);font-size:12px;display:block}.movement-metrics strong{margin-top:10px;font-size:23px}.movement-outcome{border-left:2px solid var(--blue);color:#35525e;background:#e9eff1;padding:18px 24px;font-size:14px;line-height:1.8}.movement-outcome[data-outcome=stalled],.movement-outcome[data-outcome=collision],.movement-outcome[data-outcome=budget]{color:#70513c;background:#efebe5;border-color:#9b6547}.movement-inspection{margin-top:42px}.movement-inspection .panel-heading{align-items:flex-start}.movement-inspection .chart-panel .panel-heading{display:block}.movement-inspection .chart-panel .panel-heading>.small{margin-top:10px;display:block}#movement-chart{margin-top:25px}#movement-chart svg{width:100%;height:auto;color:var(--muted);font:11px var(--mono);display:block}#movement-chart svg text{fill:currentColor}.movement-inspection .chart-panel>.small{max-width:56ch;margin-top:20px}.movement-vectors{margin:0 0 20px!important}.movement-vectors>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.movement-vectors dt{font-size:13px}.movement-vectors dd{text-align:right;font:12px/1.6 var(--mono);margin:0}.movement-inspection+.experiment-boundary{margin-top:35px!important}.movement-state-table{margin-top:24px}.movement-state-table table{min-width:610px}.movement-state-table caption{text-align:left;caption-side:bottom;color:var(--muted);padding-top:16px;font-size:12px}.movement-state-table th,.movement-state-table td{padding-block:12px}.movement-state-table tbody th button{min-height:36px;font:11px/1.6 var(--mono);padding:5px 9px}.movement-state-table tbody th{color:var(--ink)}.movement-cases .exercise-diagram{max-width:420px}.movement-cases .exercise-diagram text{font-size:14px}.movement-page .comparison-details table{min-width:680px}.movement-page .model-preview .worked-equation{text-wrap:balance;font-size:24px}.movement-page .worked-equation>:is(span,strong){white-space:nowrap;display:inline-block}.movement-equation{text-align:left;overflow-wrap:anywhere;font-size:17px;line-height:2.2}.movement-page .lesson-next p:last-child{max-width:53ch}@media (width<=1100px){.movement-page .speed-control{margin-left:0}.movement-caption,.movement-legend{padding-inline:18px}.movement-metrics{gap:25px}.movement-metrics.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.movement-metrics strong{font-size:21px}}@media (width<=820px){.movement-example{column-gap:25px}.movement-example-stage svg{width:170px}#movement-viewport{flex:auto}.movement-page .speed-control{margin-left:auto}.movement-config{grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:0 32px;display:grid}.movement-config>.panel-heading{grid-column:1/-1}.movement-config>label,.movement-config>select,.movement-config>.small{grid-column:1}.movement-config form{grid-area:2/2/span 5;margin-top:0}.movement-config legend{margin-bottom:0}.movement-config form .wide{margin-top:18px}.movement-constants,#movement-finish{grid-column:1}.movement-config>.small{margin-top:14px}}@media (width<=600px){.movement-example{grid-template-columns:1fr;gap:26px;max-width:380px;margin-top:40px!important}.movement-example-stage{text-align:left;grid-template-columns:100px 1fr;align-items:center;gap:0 20px;display:grid}.example-index{grid-column:1/-1;margin-bottom:10px;font-size:10px}.movement-example-stage svg{grid-area:2/1/4;width:100px;height:auto;margin:0}.movement-example-stage>strong,.movement-example-stage p{grid-column:2}.movement-example-stage>strong{font-size:25px}.movement-example-stage p{margin-top:6px;font-size:12px}.movement-example figcaption{font-size:10px}.movement-prediction h2{font-size:25px}#movement-viewport{height:340px;min-height:340px}.movement-toolbar{min-height:70px}.movement-config{display:block}.movement-config form{margin-top:25px}.movement-legend{gap:11px 15px;padding:14px 15px 0}.movement-caption{padding:14px 15px 18px}.movement-metrics.metrics{grid-template-columns:1fr 1fr;gap:28px 20px}.movement-outcome{padding:16px 18px;font-size:13px}.movement-vectors>div{flex-wrap:wrap;gap:4px 12px}.movement-vectors dd{margin-left:auto}.movement-page .model-preview .worked-equation{font-size:22px}.movement-equation{font-size:13px}}.movement-svg,.movement-three{color:#273438;background:#fbfcfa;width:100%;height:100%;position:absolute;inset:0}.movement-svg{font-family:var(--mono,"IBM Plex Mono", ui-monospace, monospace);display:block}.movement-three[hidden]{display:none}.movement-three canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.movement-three canvas:active{cursor:grabbing}.movement-node{cursor:pointer;outline:none}.movement-node text{pointer-events:none}.movement-node-label-box{stroke:#0000;stroke-width:1px}.movement-node[aria-pressed=true] .movement-node-label-box{fill:#eaf0f3}.movement-node:hover .movement-node-label-box{stroke:#9aaeb9}.movement-node:focus-visible .movement-node-label-box{stroke:#446e91;stroke-width:2px}.movement-node:focus-visible .movement-node-halo{stroke:#273438;stroke-width:1.5px;stroke-dasharray:none}.movement-label-leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.movement-3d-labels{pointer-events:none;position:absolute;inset:0}#movement-viewport .movement-3d-labels button{border:1px solid #cdd7da;border-bottom:2px solid var(--agent-color);color:#273438;min-height:30px;font-family:var(--mono,"IBM Plex Mono", ui-monospace, monospace);white-space:nowrap;cursor:pointer;pointer-events:auto;z-index:1;background:#fbfcfaf5;border-radius:3px;padding:5px 8px;font-size:11px;font-weight:400;line-height:1.3;position:absolute;transform:translate(-50%,calc(-100% - 12px))}#movement-viewport .movement-3d-labels button[hidden]{display:none}#movement-viewport .movement-3d-labels button[aria-pressed=true]{border-color:#446e91;border-bottom-color:var(--agent-color);background:#eaf0f3}#movement-viewport .movement-3d-labels button:hover{background:#eaf0f3}#movement-viewport .movement-3d-labels button:focus-visible,#movement-viewport .workshop-camera-controls button:focus-visible{outline-offset:3px;outline:2px solid #446e91}#movement-viewport .workshop-camera-controls{gap:8px;max-width:calc(100% - 36px);top:16px;left:18px}#movement-viewport .workshop-camera-controls button{color:#586970;background:#fbfcfaf5;border:1px solid #cdd7da;border-radius:3px;min-height:40px;padding:8px 11px;font-family:inherit;font-size:12px;font-weight:400;line-height:1.3}#movement-viewport .workshop-camera-controls button:hover,#movement-viewport .workshop-camera-controls button[aria-pressed=true]{color:#365f80;background:#eaf0f3;border-color:#9caeb9}#movement-viewport .workshop-scene-caption{color:#586970;text-wrap:pretty;background:#fbfcfaf2;border:1px solid #dbe1dd;border-radius:3px;margin:0;padding:9px 10px;font-family:inherit;font-size:11px;font-weight:400;line-height:1.6;bottom:12px;left:18px;right:18px}.movement-webgl-message{color:#586970;max-width:460px;margin:0 auto;padding:70px 28px 28px;font-size:15px;line-height:1.8}@media (width<=580px){#movement-viewport .workshop-camera-controls{max-width:calc(100% - 24px);top:10px;left:12px}#movement-viewport .workshop-scene-caption{bottom:10px;left:12px;right:12px}}
