@charset "UTF-8";
:root{--ink:#203c38;--muted:#788782;--teal:#13766d;--teal-light:#e7f2ed;--amber:#bf7b34;--paper:#f5f5f0;--line:#e4e8df;--white:#fff;--serif:"Source Han Serif SC","Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif;--number:"Cascadia Code","Consolas",monospace}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:13px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69a9d8;outline-offset:3px}button{transition:background .15s,color .15s,box-shadow .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}svg{display:block}svg:not(.chart):not(#motion-scene){flex-shrink:0}button svg,.source-tag svg,.parameter-panel h2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--teal);color:#fff;padding:10px 20px;border-radius:6px}.skip-link:focus{top:10px}
.site-header{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;background:#fffefa;border-bottom:1px solid var(--line);padding:0 30px}.brand-wrap{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--teal);border-radius:12px}.brand-icon svg{width:34px;height:34px;fill:none;stroke:white;stroke-width:2;stroke-linejoin:round}.brand-name{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.1;letter-spacing:3px}.brand-name>span{display:block;font:8px/1.5 var(--sans);letter-spacing:2px;margin-top:5px;color:#7e8e83}.header-center{font-family:var(--serif);font-size:14px;letter-spacing:2px;color:#7f8b7f;margin-left:60px}.text-button{border:0;background:none;display:flex;gap:8px;align-items:center;padding:8px 0;font-size:12px}.text-button:hover{color:var(--teal)}.help-icon{display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;width:17px;height:17px;line-height:1;font:12px var(--number)}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent}.icon-button:hover{background:#e8efea}.mobile-menu{display:none}
.sidebar{position:fixed;top:76px;bottom:0;left:0;width:240px;display:flex;flex-direction:column;background:#fbfbf7;border-right:1px solid var(--line);padding:28px 18px 14px;overflow-y:auto;z-index:20;scrollbar-width:thin}.book-card{display:flex;align-items:center;gap:14px;padding:0 8px 26px}.book-cover{position:relative;flex-shrink:0;width:54px;height:76px;padding:6px 6px 0 9px;border-radius:2px 4px 4px 2px;background:#2e645d;border-left:3px solid #214d48;box-shadow:3px 3px 0 #c4d3c9;color:white}.book-cover>span{font-family:var(--serif);font-size:17px;letter-spacing:2px}.book-cover small{display:block;font-size:7px;line-height:1.5;opacity:.7}.book-cover svg{position:absolute;bottom:2px;right:3px;width:44px;height:24px;stroke:#b7d6aa;fill:none;stroke-width:1}.book-card .eyebrow{font-size:9px;letter-spacing:.6px}.book-card h2{font-size:16px;margin:4px 0 1px;font-weight:600}.book-card p{font-size:10px;color:var(--muted);margin:0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1px}.nav-heading{display:flex;justify-content:space-between;align-items:center;margin:0 10px 14px;font-size:10px;letter-spacing:1px;color:#5c7066}.nav-heading span{font:9px var(--number);color:#7d8d7e;letter-spacing:0}.chapter{margin-bottom:9px}.chapter-toggle{width:100%;border:0;display:flex;gap:9px;align-items:center;text-align:left;padding:10px 8px;background:transparent;border-radius:6px;font-weight:500;font-size:12px}.chapter-toggle:hover{background:#f0f2eb}.chapter-number{font:11px var(--number);color:#839286}.chapter-toggle .chevron{margin-left:auto;font-size:13px;color:#92a095;transition:transform .2s}.chapter-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.chapter-lessons{padding:1px 0 3px}.lesson{display:flex;gap:9px;align-items:flex-start;width:100%;background:none;border:0;padding:9px 8px 9px 26px;border-radius:6px;text-align:left;font-size:11px;line-height:1.7;margin:3px 0;position:relative}.lesson-number{font:9px/1.9 var(--number);color:#93a198}.lesson-title{flex:1}.lesson:not(:disabled):hover{background:#edf1e8}.lesson.active{background:#e3efe7;color:#086f60;font-weight:600}.lesson.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;background:#288b70;border-radius:3px}.lesson:disabled{color:#707e73;opacity:.8}.lesson-status{font-size:8px;white-space:nowrap;color:#8e978e;border:1px solid #e4e7dd;border-radius:3px;padding:0 3px;margin-top:2px;line-height:1.6}.sidebar-note{display:flex;gap:9px;margin:auto 8px 22px;padding-top:32px}.small-spark{color:#9daa83;font-size:22px;line-height:1.2}.sidebar-note strong{font-size:11px;font-weight:500;color:#6b7b69}.sidebar-note p{font-size:10px;color:#8c978a;line-height:1.9;margin:6px 0 0}.sidebar-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:12px 9px 0;font-size:9px;color:#899688}.sidebar-bottom>span:last-child{margin-left:auto;font:11px var(--number)}.live-dot{width:5px;height:5px;border-radius:50%;background:#83a976}
.main-content{margin-left:240px;padding:23px 32px 0;max-width:1900px}.breadcrumb{display:flex;gap:11px;align-items:center;font-size:10px;color:#8b9689;flex-wrap:wrap}.breadcrumb span:last-child{color:#556d60}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 26px}.section-label{display:flex;align-items:center;gap:7px;font:9px var(--number);letter-spacing:2.2px;color:#709074}.section-label>span{width:14px;height:1px;background:#7c9b7f}.page-heading h1{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:29px;font-weight:700;letter-spacing:1px;margin:9px 0 6px;line-height:1.4}.dimension-badge{font:9px/1 var(--sans);color:#668375;letter-spacing:.2px;background:#e9efe4;border:1px solid #dce7d8;padding:5px 7px;border-radius:4px}.page-heading p{font-size:11px;color:#7e8c80;margin:0}.source-tag{display:flex;align-items:center;gap:9px;color:#71836f;font-size:9px;border-left:1px solid #d8dfd3;padding-left:20px;flex-shrink:0}.source-tag>span>span{display:block;font-size:11px;margin-top:3px;color:#586d5d}.source-tag svg{width:22px;height:22px;stroke:#738b75}.experiment-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:21px;align-items:start}.experiment-main{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #233c2503}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid #f0f1eb}.panel-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:600}.panel-icon{color:#6b8c78;font-size:20px;line-height:1}.state-tag{display:flex;align-items:center;gap:5px;color:#839184;font-size:9px;background:#f2f5ee;padding:4px 7px;border-radius:5px;white-space:nowrap}.state-tag i{width:4px;height:4px;background:#8ca383;border-radius:50%}.state-tag.playing{background:#e4f3eb;color:#167d60}.state-tag.playing i{background:#1f9277;box-shadow:0 0 0 3px #c3e6d8}.preset-row{display:flex;align-items:center;gap:12px;padding:14px 20px 10px;font-size:9px;color:#8b978a}.preset-row>div{display:flex;gap:4px;flex-wrap:wrap}.preset-row button{border:1px solid #e7eae0;border-radius:5px;background:white;padding:4px 9px;font-size:9px;white-space:nowrap;color:#758370}.preset-row button:hover{border-color:#a9c3af;color:#367f67}.preset-row button.selected{color:#24775c;border-color:#c8dfcc;background:#edf6ed}.simulation-stage{position:relative;margin:3px 14px 0;overflow:hidden;background:#fafcf8;border-radius:8px;user-select:none}.stage-caption{position:absolute;z-index:1;left:15px;top:12px;display:flex;align-items:center;gap:6px;font-size:9px;color:#8a9a89;pointer-events:none}.stage-caption-dot{width:5px;height:5px;border-radius:50%;background:#a4b69b}.stage-tools{position:absolute;z-index:2;right:12px;top:10px;display:flex;align-items:center;background:#ffffffdf;border:1px solid #e1e7db;border-radius:5px;box-shadow:0 2px 4px #42663704}.stage-tools button{background:none;border:0;min-width:29px;min-height:28px;font-size:14px;padding:0 6px;color:#6d826b}.stage-tools button:nth-child(2){font-size:9px;border-left:1px solid #e8eee2;border-right:1px solid #e8eee2}.stage-tools button:hover{background:#edf4e9}.stage-tools button:disabled{opacity:.35}#motion-scene{width:100%;height:auto;min-height:240px;aspect-ratio:900/290;cursor:grab;touch-action:none;font-family:var(--number)}#motion-scene.dragging{cursor:grabbing}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 13px 11px;font-size:8px;color:#94a08c}.stage-bottom>span:first-child{color:#7f9d82}.transport{display:flex;align-items:center;gap:10px;padding:18px 19px 16px}.play-button{border:0;display:flex;align-items:center;justify-content:center;gap:7px;min-width:73px;min-height:34px;background:var(--teal);color:white;font-size:11px;border-radius:6px;box-shadow:0 2px 4px #13766d18}.play-button:hover{background:#0c655c}.play-button:disabled{opacity:.5}.play-button svg{width:13px;height:13px;fill:currentColor;stroke:none}.transport .icon-button{width:28px;min-width:28px;color:#879782}.transport .icon-button svg{width:16px;height:16px}.timeline{flex:1;display:flex;min-width:30px}.time-display{white-space:nowrap;font:11px var(--number)}.time-display>span{color:#99a18e;font-size:9px}.transport select{appearance:none;text-align:center;border:1px solid var(--line);background:#fafbf7;border-radius:5px;width:47px;height:29px;cursor:pointer;padding:2px 5px;color:#72816a;font:10px var(--number)}.readouts{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 10px 19px;background:#fbfcf8;border-top:1px solid #ebeee4}.readouts>div{padding:0 21px;border-right:1px solid #e4eadd}.readouts>div:last-child{border:0}.readouts>div>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#87917e}.readouts strong{display:block;margin-top:5px;font:25px/1.4 var(--number);color:#355548;letter-spacing:-1px}.readouts small{font:10px var(--sans);letter-spacing:0;color:#8a9883;margin-left:6px}.metric-dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.metric-dot.position{background:#368b78}.metric-dot.velocity{background:#5c8197}.metric-dot.acceleration{background:#c68a47}
.graphs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px}.graph-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 17px 0;gap:8px}.graph-heading h2{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;margin:0}.graph-heading>span{font:italic 12px Georgia,serif;color:#93a08b;border:1px solid #e7ece1;padding:1px 5px;border-radius:4px}.chart{width:100%;height:auto;max-height:240px;cursor:crosshair;font-family:var(--number)}.graph-footnote{margin:0 15px 12px;padding-top:7px;border-top:1px solid #f1f3ec;text-align:center;color:#94a18d;font-size:9px}.insight-panel{display:flex;gap:14px;padding:19px 22px;margin-top:19px;border:1px solid #e3e8d9;border-radius:10px;background:#f0f3e6}.insight-symbol{font-size:24px;color:#94a461;line-height:1.3}.insight-panel h2{margin:0 0 4px;font-size:11px;font-weight:600;color:#5c7252}.insight-panel p{margin:0;font-size:11px;color:#7a8869;line-height:1.8}
.parameter-panel .panel-heading{padding:17px 18px}.parameter-panel h2 svg{width:16px;height:16px;color:#839882}.reset-parameters{border:0;background:transparent;padding:2px 0;font-size:9px;color:#87977e;text-decoration:underline;text-decoration-color:#c3cfb8;text-underline-offset:3px}.reset-parameters:hover{color:#13766d}.parameter-fields{padding:20px 19px 18px}.parameter-field{margin-bottom:24px}.parameter-field:nth-child(3){margin-bottom:16px}.parameter-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px;font-size:11px}.parameter-label em{font:italic 13px Georgia,serif;margin-left:4px;color:#7e947d}.number-with-unit{display:flex;align-items:center;border:1px solid #e0e7d9;border-radius:5px;background:#fcfdf9;height:30px;padding-right:7px}.number-with-unit input{width:51px;max-width:70px;border:0;background:transparent;padding:3px 2px 3px 8px;color:#315c49;font:12px var(--number);outline-offset:1px}.number-with-unit input::-webkit-inner-spin-button{opacity:0}.number-with-unit input:hover::-webkit-inner-spin-button,.number-with-unit input:focus::-webkit-inner-spin-button{opacity:1}.number-with-unit span{font-size:9px;min-width:25px;color:#909e87}.number-with-unit:has(input[aria-invalid=true]){border-color:#c74b3c;background:#fff1ec}.range-labels{display:flex;justify-content:space-between;margin-top:7px;font:9px var(--number);color:#97a28c}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right,#278b77 0 var(--fill,50%),#e5ecdf var(--fill,50%) 100%);border-radius:5px;cursor:pointer;margin:7px 0;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #268771;box-shadow:0 1px 3px #37644420;transition:box-shadow .15s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #25846e12}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#fff;border:3px solid #268771}.parameter-error{color:#a94434;font-size:10px;margin:-4px 0 14px}.brake-option{display:flex;gap:8px;align-items:center;font-size:10px;color:#73836c;cursor:pointer}.brake-option input{accent-color:var(--teal);margin:0;width:13px;height:13px}.field-help{font-size:9px;line-height:1.8;color:#97a18c;margin:7px 0 0 21px}.display-options{margin:0;border:0;border-top:1px solid #eef1e8;padding:13px 19px 15px}.display-options legend{float:left;width:100%;font-size:10px;color:#687e62;margin:3px 0 8px}.display-options label{display:flex;clear:both;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;padding:7px 0;color:#7d8d71}.display-options label>span{display:flex;align-items:center;gap:7px}.legend-line{height:2px;width:14px;position:relative}.legend-line:after{content:"";position:absolute;right:-1px;top:-2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid currentColor}.legend-line.teal{background:#3a9781;color:#3a9781}.legend-line.amber{background:#c49052;color:#c49052}.legend-dots{color:#7eaa7c;font-size:18px;font-weight:700;line-height:0;width:14px;font-style:normal}.display-options input{appearance:none;-webkit-appearance:none;position:relative;width:27px;height:15px;background:#dce5d5;border:0;border-radius:10px;cursor:pointer;margin:0}.display-options input:before{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;background:white;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #16382220}.display-options input:checked{background:#4f927e}.display-options input:checked:before{transform:translateX(12px)}.equations{padding:19px;background:#f8faf4;border-top:1px solid #e9eee0}.equations .eyebrow{font-size:8px;color:#9aa58e;letter-spacing:.5px}.equations h3{font-size:11px;font-weight:500;margin:5px 0 17px;color:#758769}.equation-block+.equation-block{margin-top:17px;padding-top:16px;border-top:1px solid #e8edde}.equation{font:italic 20px Georgia,"Times New Roman",serif;color:#4c7052;letter-spacing:1px}.equation-block p{font:9px/1.8 var(--number);color:#99a489;margin:8px 0 0;overflow-wrap:anywhere}.model-assumptions{display:flex;align-items:flex-start;gap:9px;padding:15px 18px;background:#fbfcf8;border-top:1px solid #eef2e8}.model-assumptions>span{flex-shrink:0;border:1px solid #a1ae95;border-radius:50%;font:italic 9px Georgia;width:12px;height:12px;display:grid;place-items:center;margin-top:2px;color:#8a9c7b}.model-assumptions p{margin:0;font-size:9px;line-height:1.9;color:#8e9c80}.main-footer{display:flex;justify-content:space-between;gap:12px;padding:24px 0 21px;font-size:9px;color:#a0aa96;letter-spacing:.2px}
dialog{border:1px solid #e0e7d7;padding:30px;width:min(510px,calc(100% - 28px));border-radius:16px;box-shadow:0 24px 90px #173f3430;color:var(--ink);background:#fffefa;max-height:90vh;overflow:auto}dialog::backdrop{background:#173c3266;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .icon-button{font-size:24px}.dialog-top .section-label{font-size:10px}.dialog-top+h2{font-family:var(--serif);font-size:26px;margin:14px 0 8px}.dialog-intro{font-size:12px;color:#8c9984;margin-top:0}.guide-steps{list-style:none;padding:0;counter-reset:guide;margin:25px 0}.guide-steps li{position:relative;padding-left:38px;counter-increment:guide;margin:20px 0}.guide-steps li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:2px;font:12px var(--number);color:#8ba77b}.guide-steps strong{font-size:12px;font-weight:600}.guide-steps p{font-size:11px;color:#86937c;margin:6px 0 0;line-height:1.9}.keyboard-guide{display:flex;gap:14px;flex-wrap:wrap;background:#f3f6ec;padding:12px;border-radius:6px;font-size:9px;color:#7c8d70}.keyboard-guide>span{display:flex;align-items:center;gap:4px}kbd{font:9px var(--number);background:white;border:1px solid #dce6d3;border-bottom-width:2px;border-radius:3px;padding:2px 4px}.dialog-note{font-size:10px;color:#8d9b82;margin:17px 0 22px;line-height:1.9}.primary-button{background:var(--teal);color:white;width:100%;padding:11px 15px;border:0;border-radius:7px;font-size:12px}.primary-button span{margin-left:10px}.primary-button:hover{background:#0b655b}.noscript-note{position:fixed;bottom:0;background:#fbe7d1;padding:15px;width:100%;z-index:99;margin:0;text-align:center}
@media(min-width:1600px){.main-content{padding-left:45px;padding-right:45px}.experiment-layout{grid-template-columns:minmax(0,1fr) 300px;gap:26px}.page-heading h1{font-size:33px}.parameter-fields{padding:24px}.parameter-field{margin-bottom:29px}.panel-heading{padding-top:20px;padding-bottom:20px}.parameter-panel .panel-heading{padding-top:20px;padding-bottom:20px}#motion-scene{min-height:285px}.graphs-grid{gap:20px}.chart{max-height:270px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-content{margin-left:210px;padding-left:22px;padding-right:22px}.experiment-layout{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.page-heading h1{font-size:25px}.source-tag{display:none}.readouts>div{padding:0 13px}.readouts strong{font-size:23px}.transport{gap:6px;padding-left:14px;padding-right:14px}.time-display{font-size:10px}.preset-row{gap:8px;padding-left:15px;padding-right:15px}.preset-row>span{display:none}.graphs-grid{gap:12px}.graph-heading{padding-left:12px;padding-right:12px}.graph-heading h2{font-size:10px}.parameter-panel .panel-heading{padding-left:15px;padding-right:15px}.parameter-fields{padding-left:15px;padding-right:15px}.parameter-label{font-size:10px}.stage-bottom>span:last-child{font-size:7px}}
@media(max-width:1000px){.sidebar{width:205px}.main-content{margin-left:205px;padding:20px 20px 0}.experiment-layout{grid-template-columns:1fr}.parameter-panel{display:grid;grid-template-columns:1fr 1fr}.parameter-panel .panel-heading{grid-column:1/-1}.parameter-fields{grid-column:1;grid-row:2/5;padding:20px;border-right:1px solid var(--line)}.display-options{grid-column:2;grid-row:2;border-top:0;padding-top:10px}.equations{grid-column:2;grid-row:3}.model-assumptions{grid-column:2;grid-row:4}.header-center{font-size:11px;margin-left:0}.page-heading{margin-top:18px}.stage-bottom>span:last-child{font-size:8px}#motion-scene{min-height:210px}.parameter-field{margin-bottom:24px}.parameter-label{font-size:11px}.graphs-grid .chart{max-height:220px}.insight-panel{margin-bottom:4px}.main-footer{flex-direction:column;gap:3px}}
@media(max-width:720px){.site-header{height:64px;padding:0 17px}.header-center{display:none}.brand-icon{width:33px;height:33px;border-radius:9px}.brand-icon svg{width:30px;height:30px}.brand-name{font-size:21px}.brand-name>span{font-size:7px;margin-top:3px}.mobile-menu{display:grid;width:28px;height:32px;margin-left:-5px}.brand-wrap{gap:9px}.help-button{font-size:11px}.sidebar{top:64px;width:255px;transform:translateX(-100%);transition:transform .2s;padding:23px 20px 14px;z-index:40}.sidebar.open{transform:translateX(0)}.nav-backdrop{position:fixed;inset:64px 0 0;background:#16382d50;z-index:35}.main-content{margin:0;padding:19px 16px 0}.breadcrumb{font-size:9px;gap:7px}.page-heading{margin:21px 0}.page-heading h1{font-size:25px;gap:10px;letter-spacing:.5px}.page-heading p{font-size:10px;line-height:1.9}.section-label{font-size:8px;letter-spacing:1.8px}.dimension-badge{font-size:8px}.experiment-layout{gap:17px}.panel-heading{padding:15px}.panel-heading h2{font-size:12px}.preset-row{padding:12px 14px 9px}.preset-row button{font-size:9px;padding:5px 9px}.simulation-stage{margin:0 9px}.stage-caption{left:10px;font-size:8px}.stage-tools{right:8px}.stage-tools button{min-height:28px}#motion-scene{min-height:205px;max-height:300px}.stage-bottom{padding-left:10px;padding-right:10px;font-size:7px}.stage-bottom>span:last-child{font-size:7px}.transport{padding:13px 13px 15px;gap:7px}.play-button{min-width:63px;min-height:34px;font-size:10px}.transport .icon-button{width:23px;min-width:23px}.transport .icon-button svg{width:14px;height:14px}.time-display{font-size:10px}.time-display>span{font-size:8px}.transport select{width:40px;font-size:9px}.readouts{padding-top:13px;padding-bottom:14px}.readouts>div{padding-left:12px;padding-right:8px}.readouts>div>span{font-size:9px}.readouts strong{font-size:23px}.readouts small{font-size:8px;margin-left:4px}.graphs-grid{margin-top:15px;gap:10px}.graph-heading{padding:12px 10px 0}.graph-heading h2{font-size:9px;gap:5px;white-space:nowrap}.graph-heading>span{font-size:10px;padding:0 3px}.chart{min-height:140px}.graph-footnote{font-size:7px;margin-left:8px;margin-right:8px}.insight-panel{padding:16px;margin-top:15px;gap:11px}.insight-panel p{font-size:10px}.insight-panel h2{font-size:11px}.parameter-label{font-size:11px}.parameter-fields{padding:19px 17px}.display-options{padding:12px 15px}.equations{padding:17px 15px}.equation{font-size:17px;letter-spacing:.3px}.equation-block p{font-size:8px}.model-assumptions{padding:13px}.model-assumptions p{font-size:8px}.parameter-field{margin-bottom:26px}.main-footer{padding-top:21px;font-size:8px}.sidebar-note{padding-top:25px}.lesson{font-size:12px}.chapter-toggle{font-size:13px}}
@media(max-width:420px){.page-heading h1{font-size:23px}.dimension-badge{padding:4px 5px}.parameter-panel{grid-template-columns:1fr}.parameter-fields{grid-row:auto;grid-column:1;border-right:0;padding:22px}.display-options{grid-row:auto;grid-column:1;border-top:1px solid var(--line);padding:15px 22px}.equations{grid-row:auto;grid-column:1;padding:19px 22px}.model-assumptions{grid-row:auto;grid-column:1;padding:16px 22px}.equation{font-size:21px}.equation-block p{font-size:10px}.model-assumptions p{font-size:10px}.display-options label{font-size:11px;padding:9px 0}.readouts>div{padding-left:8px}.readouts strong{font-size:21px}.graphs-grid{grid-template-columns:1fr}.graph-heading h2{font-size:11px}.chart{max-height:220px}.graph-footnote{font-size:9px}.stage-bottom>span:last-child{display:none}.parameter-label{font-size:12px}.transport{gap:5px}.time-display>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.equation-block p,.model-assumptions p,.graph-footnote,.insight-panel p,.guide-steps p,.dialog-note{color:#52654e;font-size:11px;line-height:1.8}
.field-help,.range-labels,.stage-bottom{color:#586f62;font-size:10px}
.play-button:disabled{opacity:.5;cursor:not-allowed}
.chapter-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 20px;font-size:11px}.chapter-shortcuts>span{color:#667e61;margin-right:4px}.chapter-shortcuts a{padding:7px 11px;border-radius:6px;border:1px solid #d9e5d8;background:#fbfdf7;color:#33745c}.chapter-shortcuts a:hover{background:#e5f0e3}.lesson:focus-visible{outline:3px solid #69a9d8;outline-offset:1px}
#main{scroll-margin-top:85px}

.book-switch{display:flex;gap:6px;margin:0 0 18px}.book-switch a{flex:1;padding:9px 8px;text-align:center;border:1px solid #d6e3d7;border-radius:6px;background:#fafcf7;font-size:12px;color:#526c55}.book-switch a[aria-current=true]{background:#e0efe4;color:#126b5d;border-color:#9fcbb6;font-weight:600}.book-switch a span{font-size:9px;color:#a56b2e;margin-left:3px}.step-button{border:1px solid #d6e3d7;border-radius:5px;background:#f5faf3;color:#496d58;padding:7px;font-size:10px;white-space:nowrap}.step-button:disabled{opacity:.4}