.animation-lab{border:1px solid #c4d3c2;border-radius:18px;background:#fffefa;overflow:hidden;margin:0 0 22px;color:#173d36}
.anim-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding:25px 25px 18px}.anim-heading .eyebrow{font-size:10px}.anim-heading h3{font-size:25px;margin:10px 0 8px;line-height:1.25;max-width:650px}.anim-heading p{font-size:14px;line-height:1.7;margin:0;color:#5b7166}.anim-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 24px;border-block:1px solid #d7dfd0;background:#eef2e8}.anim-toolbar button{min-height:42px;background:#fffefa;font-size:13px;padding:9px 14px;border-radius:7px}.anim-toolbar .anim-play{background:#17685d;color:#fffefa;border-color:#17685d;min-width:100px;font-weight:600}.anim-toolbar button:disabled{opacity:.4;cursor:default}.anim-toolbar label{margin:0 0 0 auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}.anim-toolbar select{width:75px;padding:7px;font-size:13px;min-height:38px}.anim-counter{font:12px var(--mono);color:#5b7166;margin-left:9px;white-space:nowrap}.anim-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid #d7dfd0;background:#f7f6ee}.anim-canvas{min-width:830px}.teaching-svg{width:100%;height:auto;display:block}.teaching-svg text{font-family:var(--sans,system-ui,sans-serif)}.anim-viewport:focus-visible{outline:3px solid #b27715;outline-offset:-3px}.anim-pan-hint{display:none;margin:8px 18px;font-size:11px;color:#5b7166}.anim-timeline{display:flex;align-items:center;gap:24px;padding:14px 25px 3px}.anim-timeline label{margin:0;flex:1;font:11px var(--mono);color:#5b7166}.anim-timeline input{margin-top:8px;display:block;accent-color:#17685d}.anim-download{font-size:11px;white-space:nowrap;padding:9px;background:transparent}.anim-beats{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding:14px 25px 18px}.anim-beats button{flex:0 0 128px;text-align:left;font-size:11px;line-height:1.5;padding:10px 12px;min-height:76px;background:#f7f6ee;color:#5b7166;border:1px solid #d2dccc;position:relative}.anim-beats span{display:block;font:11px var(--mono);margin-bottom:5px;color:#17685d}.anim-beats button.current{color:#173d36;border-color:#17685d;background:#e5eee0;box-shadow:inset 0 -3px #17685d}.anim-beats i{display:block;font-style:normal;color:#a64729;font-size:10px;margin-top:5px}.anim-caption{border-top:1px solid #d7dfd0;margin:0;padding:21px 25px;background:#f2f5eb;min-height:200px}.anim-caption-top{display:flex;flex-direction:column;gap:7px}.anim-caption h4{font:600 21px/1.4 var(--display,system-ui);letter-spacing:-.02em;margin:0}.anim-phase{font:10px var(--mono);letter-spacing:.07em;color:#17685d}.anim-narration{font-size:15px;line-height:1.8;margin:9px 0 13px;max-width:65em}.anim-equation{padding:13px 16px;background:#fffefa;border-radius:8px;border:1px solid #d4dece;font:14px/1.8 var(--mono,monospace);color:#173d36;overflow-wrap:anywhere}.anim-caption.is-checkpoint{background:#f8edda;border-top-color:#dabb86}.is-checkpoint .anim-phase{color:#a64729}.anim-prompt{font-size:12px;font-weight:600;line-height:1.7;color:#894121;margin:12px 0 0}.anim-assumptions,.anim-reduced{font-size:11px!important;line-height:1.7!important;color:#5b7166;padding:14px 25px;margin:0}.anim-reduced{background:#f4ead9;color:#704823}.anim-reduced[hidden],.anim-prompt[hidden]{display:none}.explore-fold{margin:0 0 20px;border:1px solid #d0d9ca;border-radius:12px;background:#fffefa}.explore-fold>summary{padding:17px 21px;font-size:14px;font-weight:600;cursor:pointer;color:#17685d}.explore-fold .lab-demo{border:0;border-top:1px solid #d7dfd0;border-radius:0 0 12px 12px}
@media(max-width:1200px){.anim-pan-hint{display:block}.anim-heading{flex-direction:column;gap:3px}.anim-heading h3{font-size:23px}.anim-caption{min-height:0}}
@media(max-width:640px){.anim-heading{padding:20px 17px 15px}.anim-toolbar{padding:13px 14px;gap:7px}.anim-toolbar button{font-size:12px;padding:8px 12px}.anim-toolbar .anim-play{min-width:90px}.anim-toolbar label{margin-left:0}.anim-counter{margin-left:auto}.anim-timeline{padding:16px 17px 0;gap:12px}.anim-caption{padding:18px 17px}.anim-caption h4{font-size:20px}.anim-narration{font-size:14px}.anim-equation{font-size:12px;padding:12px}.anim-beats{padding:13px 17px}.anim-beats button{flex-basis:115px}.anim-assumptions,.anim-reduced{padding:13px 17px}.anim-download{font-size:10px}}
@media print{.anim-toolbar,.anim-timeline,.anim-beats,.anim-pan-hint{display:none!important}.anim-canvas{min-width:0!important}.animation-lab{break-inside:avoid}.anim-viewport{overflow:visible}.anim-caption{min-height:0}.anim-heading{padding:12px}.anim-caption{padding:12px}.anim-assumptions{font-size:9pt!important}.anim-caption h4{font-size:13pt}.anim-narration{font-size:10pt}.anim-equation{font-size:9pt}}