.unit-site main.motion-lesson{display:block;max-width:1160px;margin:auto;width:100%;box-sizing:border-box;padding:24px 20px 60px}.motion-lesson h1{font-weight:700;font-size:clamp(24px,3vw,34px);text-align:left;margin:20px 0}.motion-lesson h2{font-weight:700;font-size:22px;margin:0 0 18px}.motion-lesson h3{font-weight:700;font-size:18px}.lesson-nav,.lesson-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lesson-nav a,.lesson-actions a,.lesson-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--cl-border);border-radius:7px;text-underline-offset:4px}.lesson-primary{display:inline-block;color:#fff!important;background:var(--cl-primary);font-weight:700}.lesson-card{background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:12px;padding:24px;margin:24px 0}.lesson-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:24px;align-items:center}.lesson-diagram{margin:0;min-width:0}.lesson-diagram .calc-diagram{border:0;padding:0;margin:0;min-height:0;background:var(--cl-surface)}.lesson-diagram .calc-diagram svg{width:100%;height:auto;display:block;max-height:none;min-height:0;font-size:18px}.lesson-diagram figcaption{font-size:11pt;line-height:1.7;color:var(--cl-muted);margin-top:16px}.lesson-overview ol{padding-left:22px}.lesson-overview li{margin:14px 0}.lesson-example-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.lesson-input,.lesson-results{min-width:0;border-radius:9px;padding:20px;border:1px solid var(--cl-border)}.lesson-input{background:#f0f7ff;border-color:#c5d9ef}.lesson-results{background:#fff6f5;border-color:#ecd7d2}.lesson-results h2,.lesson-results strong{color:var(--cl-ink)}.lesson-input table{border-collapse:collapse;width:100%;table-layout:fixed}.lesson-input th,.lesson-input td{padding:13px 0;border-bottom:1px solid var(--cl-line);text-align:left;vertical-align:top}.lesson-input th{width:65%;padding-right:12px;font-weight:700;overflow-wrap:anywhere}.lesson-input td{font-size:20px;font-weight:600;color:#1763a0;overflow-wrap:anywhere}.lesson-input details{font-size:11pt;font-weight:400;margin-top:7px}.lesson-input details p{margin:8px 0}.lesson-input summary{cursor:pointer;min-height:30px}.lesson-results dl{margin:0}.lesson-results dt{font-weight:700;margin-top:20px}.lesson-results dd{margin:6px 0 18px;font-size:24px;overflow-wrap:anywhere}.lesson-formula{overflow-wrap:anywhere;line-height:1.8;background:var(--cl-soft);padding:14px 18px;border-radius:8px;font-size:18px}.lesson-reading{font-size:18px;line-height:1.9}.lesson-note{font-size:11pt;color:var(--cl-muted)}.lesson-parts{overflow:auto}.lesson-parts table{width:100%;border-collapse:collapse;font-size:11pt}.lesson-parts th,.lesson-parts td{padding:8px;border:1px solid var(--cl-line);text-align:right}.lesson-error-list li{margin:12px 0}.motion-lesson [hidden]{display:none!important}
html[data-color-mode=dark] .lesson-input{background:#182d3d;border-color:#3e617d}html[data-color-mode=dark] .lesson-input td{color:#9dccf4}html[data-color-mode=dark] .lesson-results{background:#342827;border-color:#6a4c46}
@media(max-width:800px){.lesson-overview{grid-template-columns:1fr}.lesson-example-grid{grid-template-columns:1fr}.unit-site main.motion-lesson{padding:18px 14px 40px}.lesson-card{padding:18px}.lesson-input,.lesson-results{padding:16px}}
.lesson-diagram .calc-diagram{overflow-x:auto}.lesson-diagram .calc-diagram svg{min-width:540px}.lesson-diagram .calc-diagram svg text{font-size:20px}
.lesson-diagram .calc-diagram svg .lesson-mass-top{fill:#aac8b5}.lesson-diagram .calc-diagram svg .lesson-mass-side{fill:#497b62}.lesson-diagram .calc-diagram svg .lesson-mass-front{fill:#729d82}.lesson-diagram .calc-diagram svg .lesson-mass-leader{fill:none;stroke:#1763a0}
.lesson-diagram .calc-diagram svg .lesson-input-symbol{fill:#1763a0}.lesson-diagram .calc-diagram svg .lesson-output-symbol{fill:#b95432;stroke:none}html[data-color-mode=dark] .lesson-diagram .calc-diagram svg .lesson-input-symbol{fill:#9dccf4}html[data-color-mode=dark] .lesson-diagram .calc-diagram svg .lesson-output-symbol{fill:#ffae8b}
.unit-site .motion-lesson .lesson-nav{height:auto;max-height:none;overflow:visible;position:static;width:auto}
.lesson-diagram .calc-diagram .lesson-drawing-note{font-size:11pt;line-height:1.7;white-space:normal;overflow-wrap:anywhere;color:var(--cl-muted);margin:10px 0}
.lesson-visual-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.lesson-visual-tabs button{flex:1 1 210px;min-height:48px;font-size:12pt;font-weight:700}.lesson-visual-tabs button[aria-pressed=true]{background:var(--cl-primary);color:#fff}.lesson-staged-diagram .calc-diagram{border:1px solid var(--cl-line);border-radius:9px;background:var(--cl-surface)}.lesson-staged-diagram .calc-diagram svg.teaching-figure{min-width:540px;max-width:920px;margin:auto;aspect-ratio:7/4}.lesson-staged-diagram .teaching-figure text{font-family:var(--cl-font);font-size:21px;font-weight:650;fill:var(--cl-ink);stroke:var(--cl-surface);stroke-width:5px;paint-order:stroke fill;stroke-linejoin:round}.lesson-staged-diagram .teaching-figure .td-input-label{fill:var(--calc-input,#1763a0)}.lesson-staged-diagram .teaching-figure .td-output-label{fill:var(--calc-output,#b95432)}
.teaching-figure .td-body{fill:#2c9b71;stroke:#205d48;stroke-width:2}.teaching-figure .td-top{fill:#a7cfbb;stroke:#205d48;stroke-width:1.7}.teaching-figure .td-side{fill:#22674f;stroke:#164b39;stroke-width:1.7}.teaching-figure .td-metal{fill:#c0cfc7;stroke:#5a7567;stroke-width:2}.teaching-figure .td-cutaway{fill:#d8e9de;fill-opacity:.8;stroke:#50876d;stroke-width:2.5}.teaching-figure .td-support{fill:#577366;stroke:#354b40;stroke-width:2}.teaching-figure .td-outline,.teaching-figure .td-ground{fill:none;stroke:#486457;stroke-width:3}.teaching-figure .td-buffer{fill:#c1ac82;stroke:#7b6745;stroke-width:2}.teaching-figure .td-thread{fill:none;stroke:#547565;stroke-width:2}.teaching-figure .td-spring{fill:none;stroke:#75ad94;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.teaching-figure .td-rope{fill:none;stroke:#a48859;stroke-width:7;stroke-linejoin:round}.teaching-figure .td-axis,.teaching-figure .td-reference{fill:none;stroke:var(--cl-muted);stroke-width:1.5;stroke-dasharray:8 6}.teaching-figure .td-extension{fill:none;stroke:var(--calc-input,#1763a0);stroke-width:1.4;opacity:.8}.teaching-figure .td-arrow{stroke:none!important}.teaching-figure .td-input{fill:var(--calc-input,#1763a0)}.teaching-figure .td-output{fill:var(--calc-output,#b95432)}.teaching-figure .td-neutral{fill:var(--cl-ink)}.teaching-figure .td-input-line{fill:none;stroke:var(--calc-input,#1763a0);stroke-width:3}.teaching-figure .td-output-line{fill:none;stroke:var(--calc-output,#b95432);stroke-width:3}.teaching-figure .td-leader{fill:none;stroke-width:1.6}.teaching-figure .td-deformed{fill:none;stroke:var(--calc-output,#b95432);stroke-width:3;stroke-dasharray:9 6}.teaching-figure .td-input-graph{fill:none;stroke:var(--calc-input,#1763a0);stroke-width:4}.teaching-figure .td-output-graph{fill:none;stroke:var(--calc-output,#b95432);stroke-width:4}.teaching-figure .td-graph-area{fill:var(--calc-input,#1763a0);fill-opacity:.08;stroke:none}
.lesson-visual-explanation{font-size:12.5pt;line-height:1.9;padding:16px 20px;margin:0;border-top:1px solid var(--cl-line);font-weight:550;white-space:normal}.lesson-visual-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:0 20px 18px;margin:0;white-space:normal}.lesson-visual-values>div{border:1px solid var(--cl-border);border-radius:7px;padding:11px 14px;background:var(--cl-soft)}.lesson-visual-values dt{font-size:11pt;font-weight:650;line-height:1.5}.lesson-visual-values dd{margin:6px 0 0;font-size:18px;overflow-wrap:anywhere}.lesson-visual-inputs dd{color:var(--calc-input,#1763a0)}.lesson-visual-outputs>div{background:#fff6f5;border-color:#ecd7d2}.lesson-visual-outputs dd{color:var(--cl-ink);font-weight:650}
html[data-color-mode=dark] .teaching-figure .td-body{fill:#377f63;stroke:#9dc3af}html[data-color-mode=dark] .teaching-figure .td-top{fill:#81ad96;stroke:#aec9ba}html[data-color-mode=dark] .teaching-figure .td-side{fill:#234f3c;stroke:#8fb6a0}html[data-color-mode=dark] .teaching-figure .td-cutaway{fill:#244f3b;stroke:#9dc3af}html[data-color-mode=dark] .teaching-figure .td-ground,html[data-color-mode=dark] .teaching-figure .td-outline{stroke:#9fc1ae}html[data-color-mode=dark] .lesson-visual-outputs>div{background:#342827;border-color:#6a4c46}
@media(max-width:600px){.lesson-visual-tabs{gap:6px}.lesson-visual-tabs button{flex-basis:100%;font-size:11pt}.lesson-visual-values{grid-template-columns:1fr}.lesson-visual-explanation{padding:12px 14px}.lesson-visual-values{padding:0 14px 14px}}
.teaching-figure .td-spring-shadow{fill:none;stroke:#396a53;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.lesson-staged-diagram .calc-diagram svg.teaching-figure text{font-size:24px}.lesson-visual-tabs{scroll-margin-top:16px}