@font-face{font-family:Miriam Libre;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/miriam-libre-400.ttf)format("truetype")}@font-face{font-family:Miriam Libre;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/miriam-libre-700.ttf)format("truetype")}@font-face{font-family:IBM Plex Sans Hebrew;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-hebrew-400.ttf)format("truetype")}@font-face{font-family:IBM Plex Sans Hebrew;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-hebrew-500.ttf)format("truetype")}@font-face{font-family:IBM Plex Sans Hebrew;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-hebrew-600.ttf)format("truetype")}:root{--font-title:"Miriam Libre", sans-serif;--font-ui:"IBM Plex Sans Hebrew", sans-serif;--font-data:Consolas, "Courier New", monospace;--text-small:.9375rem;--text-label:1.0625rem;--text-body:1.0625rem;--text-title:clamp(1.375rem, 2vw, 1.75rem);--surface:#faf9f3;--panel:#f0f0e7;--border:#c4cbc1;--muted:#56665f;--ink:#203b3b;--accent:#17685c;--accent-soft:#e0ebe2;--stage:#183b3e;--stage-text:#f4f3e9;--stage-muted:#b5cbc5;--warning:#805a1c;--prediction:#ede3c9;--radius:6px;--target:48px;--text-scale:1rem;--text-measurement:2.25rem;--control-edge:#627c6b;--focus:#17685c;--shadow:0 2px 0 #bcc6bd;font-family:var(--font-ui);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8eae2;line-height:1.5}*{box-sizing:border-box}body{min-inline-size:0;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1,h2,h4,.question{font-family:var(--font-title)}h1,h2,h3,h4{line-height:1.35}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[dir=ltr],bdi{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.technical{font-family:var(--font-data);font-variant-numeric:tabular-nums}.skip-link{z-index:10;background:var(--surface);color:var(--accent);border:1px solid var(--accent);padding:12px 20px;position:fixed;inset-block-start:10px;inset-inline-start:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.simulation-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-block-end:24px;padding-block-end:0}.simulation-heading{justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.simulation-heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px 24px;display:flex}.simulation-heading h2{font-size:var(--text-title);font-weight:700}.simulation-heading p{color:var(--muted);font-size:var(--text-body)}.simulation-status{color:var(--muted);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.simulation-status>span{border:1px solid;border-radius:50%;block-size:7px;inline-size:7px}.simulation-status[data-state=running]{color:var(--accent)}.simulation-status[data-state=running]>span{background:currentColor}.simulation-status[data-state=paused]{color:var(--warning)}.simulation-workspace{border-block-start:1px solid var(--border);background:var(--panel);direction:rtl;grid-template-columns:clamp(330px,21vw,430px) minmax(0,1fr);grid-template-areas:"controls stage""guidance guidance";display:grid}.simulation-stage{--focus:#f4f3e9;background:var(--stage);min-inline-size:0;color:var(--stage-text);direction:rtl;flex-direction:column;grid-area:stage;display:flex;overflow:hidden;container:energy-stage/inline-size}.stage-toolbar{border-block-end:1px solid #648780;justify-content:space-between;align-items:center;gap:12px;min-block-size:48px;padding-inline:24px;display:flex}.stage-toolbar h3{font-size:var(--text-small);font-weight:400}.stage-toolbar>span{color:var(--stage-muted);font-size:var(--text-small)}.simulation-controls{direction:rtl;grid-area:controls;min-inline-size:0}.controls-heading{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;min-block-size:48px;padding-inline:20px;display:flex}.controls-heading h3{font-size:var(--text-label);font-weight:500}.controls-mode{font-size:var(--text-small);color:var(--muted)}.simulation-guidance{border-block-start:1px solid var(--border);direction:rtl;background:#f7f2e4;border-inline-start:3px solid #b08b42;grid-area:guidance}.simulation-guidance summary{min-block-size:52px;font-size:var(--text-label);align-items:center;gap:12px;padding:8px 20px;list-style:none;display:flex}.simulation-guidance summary::-webkit-details-marker{display:none}.simulation-guidance summary:hover{background:var(--prediction)}.simulation-guidance summary:active{background:#e4d8b9}.simulation-guidance summary:focus-visible{outline-offset:-4px}.guidance-icon{color:var(--warning);font-family:var(--font-title);font-size:1.25rem}.guidance-preview{color:var(--muted);font-size:var(--text-small)}.disclosure-icon{color:var(--warning);margin-inline-start:auto;font-size:1.4rem}.simulation-guidance[open] .disclosure-icon{transform:rotate(45deg)}.observation-content{font-size:var(--text-small);color:var(--muted);padding:0 44px 18px}.question{color:var(--ink);margin-block-end:6px;font-size:1.0625rem;font-weight:400}@media (width<=700px){.simulation-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""controls""guidance"}.simulation-heading{align-items:start;gap:8px;padding:14px 16px}.simulation-heading>div:first-child{display:block}.simulation-heading h2{font-size:1.25rem}.simulation-heading p,.simulation-status{font-size:var(--text-small);margin-block-start:5px}.stage-toolbar{padding-inline:16px}.stage-toolbar h3,.stage-toolbar>span{font-size:var(--text-small)}.simulation-controls{border-block-start:1px solid var(--border)}.guidance-preview{display:none}.observation-content{padding-inline:20px}}.heading-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}@media (width<=700px){.simulation-heading{flex-wrap:wrap}.heading-actions{justify-content:space-between;gap:8px;inline-size:100%}.simulation-heading p{font-size:var(--text-body)}.stage-toolbar{flex-wrap:wrap;gap:8px;padding-block:8px}.simulation-stage{--focus:#f4f3e9}}@media (width<=700px) and (height>=600px){.simulation-stage{z-index:2;box-shadow:0 2px 0 var(--control-edge);align-self:start;position:sticky;inset-block-start:0}.simulation-stage .stage-canvas,.projection-mode .simulation-stage .stage-canvas{min-block-size:250px;padding:24px 16px 60px}.simulation-controls :is(input,button){scroll-margin-block:340px 16px}.simulation-stage .stage-empty-label{display:none}}.readout{background:#e1e6d9;border:1px solid #a8b6a4;border-block-start:3px solid #a8b6a4;border-radius:2px;gap:4px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 2px 4px #203b3b12}.readout-label{font-size:var(--text-small);color:#465846}.readout-value{font:var(--text-measurement)/1 var(--font-data);color:#344b3d}.readout-value small{font-size:var(--text-scale)}.readout-description{font-size:var(--text-small);color:#465846}.instrument-range{margin-block-start:20px}.range-label{font-size:var(--text-label);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.range-label output{font-family:var(--font-data);font-size:var(--text-scale);background:var(--surface);border-block-end:2px solid var(--border);padding:2px 8px}.instrument-range[data-changed] .range-label output{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.instrument-range[data-changed] .range-label label:after{content:" · שונה";font-size:var(--text-small);color:var(--accent)}.instrument-range input{appearance:none;cursor:pointer;background:0 0;block-size:48px;inline-size:100%;margin:8px 0 0;display:block}.instrument-range input::-webkit-slider-runnable-track{border:1px solid var(--control-edge);background:#b1c0b2;border-radius:3px;block-size:10px;box-shadow:inset 0 2px 2px #16362225}.instrument-range input::-webkit-slider-thumb{appearance:none;background:repeating-linear-gradient(90deg, transparent 0 3px, #879889 3px 4px, transparent 4px 7px) center / 15px 14px no-repeat, var(--surface);border:1px solid #365545;border-radius:3px;block-size:38px;inline-size:32px;margin-block-start:-15px;box-shadow:0 3px #9eafa0,0 4px 5px #203b3b25}.instrument-range input::-moz-range-track{border:1px solid var(--control-edge);background:#b1c0b2;border-radius:3px;block-size:10px}.instrument-range input::-moz-range-thumb{background:repeating-linear-gradient(90deg, transparent 0 3px, #879889 3px 4px, transparent 4px 7px) center / 15px 14px no-repeat, var(--surface);border:1px solid #365545;border-radius:3px;block-size:38px;inline-size:32px;box-shadow:0 3px #9eafa0}.instrument-range input:disabled{cursor:not-allowed}.instrument-range input:not(:disabled):hover{filter:brightness(.94)}.instrument-range input:not(:disabled):active{filter:brightness(.85)}.range-scale{block-size:38px;font-size:var(--text-scale);color:var(--muted);margin-inline:16px;position:relative}.range-scale>span{padding-block-start:12px;position:absolute;transform:translate(-50%)}.range-scale>span:before{content:"";inset-block-start:0;border-inline-start:1px solid #748574;block-size:7px;position:absolute;left:50%}.instrument-hint{font-size:var(--text-small);color:var(--muted);margin-block-start:8px}.instrument-switch{text-align:start;min-block-size:54px;inline-size:100%;font-size:var(--text-label);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.instrument-switch small{color:var(--muted);font-size:var(--text-small);display:block}.instrument-switch:hover{background:var(--accent-soft)}.instrument-switch:active{background:#d1dfd4}.switch-track{background:#758779;border-radius:16px;flex-shrink:0;block-size:30px;inline-size:54px;padding:3px;box-shadow:inset 0 2px 3px #0003}.switch-track>span{background:var(--surface);border-radius:50%;block-size:24px;inline-size:24px;display:block;box-shadow:0 1px 3px #0003}.instrument-switch[aria-checked=true] .switch-track{background:var(--accent)}.instrument-switch[aria-checked=true] .switch-track>span{transform:translate(-24px)}.instrument-button{min-block-size:var(--target);border:1px solid var(--control-edge);font-size:var(--text-label);background:0 0;border-radius:3px;font-weight:500}.instrument-button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px #104b43}.instrument-button:not(:disabled):hover{background:var(--accent-soft)}.instrument-button.primary:not(:disabled):hover{background:#11574d}.instrument-button:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.instrument-button:disabled{color:#5e6b62;border-color:var(--control-edge);box-shadow:none;border-style:dashed}.instrument-button.primary:disabled{color:#4e6455;border-style:solid;border-color:var(--control-edge);background:#d5dfd3}.instrument-button[data-state=running]{background:#174e48;border-color:#174e48}.instrument-button[data-state=paused]{background:var(--prediction);color:#664915;border-color:#9d7936;box-shadow:0 3px #b59861}.instrument-button span{margin-inline-end:5px}@media (forced-colors:active){.switch-track,.switch-track>span{border:1px solid buttontext}.topic-tab[aria-selected=true]{border-block-end-color:highlight}.instrument-range input{appearance:auto}}.readout-reading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.readout-label{font-size:var(--text-label)}.readout-description{grid-column:1/-1}.display-controls .instrument-range{margin-block-start:12px}.instrument-range input:disabled::-webkit-slider-thumb{box-shadow:none;background-color:#e1e6d9;border-style:dashed}.instrument-range input:disabled::-moz-range-thumb{box-shadow:none;background-color:#e1e6d9;border-style:dashed}.instrument-button.primary[data-state=paused]:not(:disabled):hover{color:#664915;background:#e4d8b9}.instrument-button.primary[data-state=running]:not(:disabled):hover{background:#123e39}.page-width{width:calc(100% - clamp(24px,4vw,112px));margin-inline:auto}.site-header{border-block-end:1px solid var(--border);background:var(--surface)}.brand{align-items:center;gap:12px;min-block-size:76px;display:flex}.brand-mark{block-size:44px;inline-size:36px;color:var(--accent);place-items:center;display:grid}.brand-mark svg{block-size:30px;inline-size:30px}.brand h1{font-size:1.25rem;font-weight:700}.brand p{color:var(--muted);font-size:var(--text-small);margin-block-start:3px}.header-note{color:var(--muted);font-size:var(--text-small);margin-inline-start:auto}.topic-tabs{border-block-end:1px solid var(--border);scrollbar-width:thin;gap:28px;margin-block-end:18px;padding:0 4px;display:flex;overflow-x:auto}.topic-tab{min-block-size:var(--target);border:0;white-space:nowrap;font-weight:400;font-size:var(--text-label);background:0 0;border-block-end:3px solid #0000;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 4px;display:flex}.topic-tab[aria-selected=true]{color:var(--accent);border-block-end-color:var(--accent);font-weight:600}.topic-tab:not(:disabled):hover{background:var(--accent-soft)}.topic-tab:not(:disabled):active{background:#c8dfd2}.topic-tab:focus-visible{outline-offset:-3px}.topic-tab:disabled{color:var(--muted);opacity:1}.soon-badge{font-size:var(--text-small);color:var(--muted);font-weight:400}.stage-canvas{flex:1;place-content:center;justify-items:center;gap:28px;min-block-size:max(440px,100dvh - 360px);padding:48px 24px 72px;display:grid;position:relative}.stage-placeholder{text-align:center;max-inline-size:600px}.stage-empty-label{color:var(--stage-muted);font-size:var(--text-small);margin-block-end:14px;display:block}.stage-placeholder h4{color:var(--stage-text);font-size:clamp(1.6rem,2.3vw,2.3rem);font-weight:400}.stage-placeholder p{color:var(--stage-text);font-size:var(--text-body);margin-block-start:14px}.stage-availability{color:var(--stage-muted);font-size:var(--text-small);margin-block-start:8px;display:block}.canvas-caption{color:var(--stage-muted);font-size:var(--text-small);justify-content:space-between;gap:12px;display:flex;position:absolute;inset-block-end:16px;inset-inline:24px}.instrument-group{border-block-end:1px solid var(--border);padding:20px}.group-label{font-size:var(--text-label);justify-content:space-between;align-items:center;margin-block-end:12px;font-weight:500;display:flex}.group-label>span{color:var(--muted);font-size:var(--text-small);font-weight:400}.display-controls{padding-block:14px}.display-controls .group-label{margin-block-end:4px}.transport-controls{grid-template-columns:1.3fr 1fr;gap:12px;padding:20px 20px 0;display:grid}.control-note{color:var(--muted);font-size:var(--text-small);padding:12px 20px 20px}@media (width<=700px){.page-width{width:calc(100% - 24px)}.brand{gap:8px;min-block-size:76px}.brand h1{font-size:1.125rem}.brand p{font-size:var(--text-small)}.header-note{display:none}.topic-tabs{gap:18px;margin-block-end:12px}.topic-tab{font-size:.875rem}.stage-canvas{gap:24px;min-block-size:350px;padding:32px 16px 60px}.stage-placeholder p{font-size:var(--text-body)}.canvas-caption{font-size:var(--text-small);inset-inline:16px}}@media (width>=701px) and (height<=500px){.simulation-heading{min-height:52px;padding:6px 12px}.simulation-heading>div:first-child{gap:6px 16px}.simulation-heading h2{font-size:1.25rem}.simulation-heading p{font-size:.875rem}.heading-actions{gap:8px}.projection-toggle{min-block-size:38px;padding:5px 10px;font-size:.9375rem}.projection-mode .main-content{width:calc(100% - 16px);padding-block-start:4px}.projection-mode .simulation-shell{margin-block-end:0}.projection-mode .simulation-heading p,.projection-mode .simulation-status,.projection-mode .teacher-toggle{display:none}.projection-mode .projection-exit{min-block-size:38px;padding:5px 10px;font-size:.9375rem}.projection-mode .simulation-workspace{grid-template-columns:clamp(270px,34vw,300px) minmax(0,1fr)}.projection-mode .stage-canvas{min-block-size:calc(100dvh - 90px)}.projection-mode .stage-toolbar,.projection-mode .controls-heading{min-block-size:34px;padding-inline:12px}.projection-mode .stage-toolbar>span,.projection-mode .controls-mode{display:none}}.projection-toggle{min-block-size:var(--target);border:1px solid var(--control-edge);background:var(--surface);color:var(--accent);font-size:var(--text-label);white-space:nowrap;border-radius:3px;padding:8px 16px}.projection-toggle:hover{background:var(--accent-soft)}.projection-toggle[aria-pressed=true]{background:var(--accent);color:#fff}.projection-toggle:active{box-shadow:inset 0 2px 3px #203b3b40}.projection-mode{--text-small:1.125rem;--text-label:1.375rem;--text-body:1.375rem;--text-title:2.25rem;--text-scale:1.25rem;--text-measurement:3.25rem}.projection-mode .site-header,.projection-mode .topic-tabs,.projection-mode .simulation-guidance{display:none}.projection-mode .main-content{padding-block-start:16px}.projection-mode .simulation-workspace{grid-template-columns:clamp(360px,25vw,480px) minmax(0,1fr)}.projection-mode .stage-canvas{min-block-size:calc(100dvh - 180px)}.projection-mode .stage-placeholder h4{font-size:clamp(2rem,3vw,3.5rem)}@media (width<=700px){.projection-mode{--text-small:1rem;--text-label:1.125rem;--text-body:1.125rem;--text-title:1.5rem;--text-scale:1.125rem;--text-measurement:2.75rem}.projection-mode .simulation-workspace{grid-template-columns:minmax(0,1fr)}.projection-mode .stage-canvas{min-block-size:250px}.projection-toggle{padding-inline:12px}}.topic-tab[aria-current=page]{color:var(--accent);border-block-end-color:var(--accent);font-weight:600}.topic-tabs{flex-wrap:nowrap;gap:28px;overflow:auto hidden}.completion-mark{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 20px;place-items:center;block-size:20px;inline-size:20px;font-size:12px;line-height:1;display:inline-grid}.energy-canvas{--stage-object-height:clamp(150px,18cqi,360px);--stage-body-title:clamp(17px,1.45cqi,28px);--stage-measurement:clamp(26px,2.65cqi,54px);--stage-support:clamp(15px,1.05cqi,21px);--stage-arrow-height:clamp(24px,2.1cqi,42px);flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(30px,3.2cqi,68px);min-block-size:max(560px,100dvh - 320px);padding:clamp(28px,3cqi,64px) clamp(18px,2.6cqi,56px) 72px;display:flex}.scene-heading{text-align:center}.scene-heading h3{font-family:var(--font-title);font-size:clamp(26px,2.75cqi,54px);line-height:1.15}.scene-heading>span{color:var(--stage-muted);font-size:var(--stage-support)}.energy-scene{direction:rtl;grid-template-columns:minmax(110px,.5fr) minmax(90px,.55fr) minmax(210px,1.4fr) minmax(110px,.68fr) minmax(210px,1.2fr);grid-template-areas:"source source-link converter main-link receiver";align-items:center;gap:clamp(6px,.65cqi,16px);width:100%;max-width:2100px;margin-inline:auto;display:grid}.energy-scene.two-bodies{grid-template-columns:minmax(230px,1fr) minmax(125px,.48fr) minmax(230px,1fr);grid-template-areas:"converter main-link receiver";max-width:1580px}.source-body{grid-area:source}.source-link{grid-area:source-link}.acting-body{grid-area:converter}.main-link{grid-area:main-link}.receiving-body{grid-area:receiver}.body-boundary{text-align:center;direction:rtl;background:#204447;border:1px solid #759b91;border-radius:clamp(12px,1.1cqi,20px);min-width:0;padding:clamp(12px,1.25cqi,26px) clamp(8px,.9cqi,18px)}.body-boundary h4{font:500 var(--stage-body-title)/1.4 var(--font-ui)}.object-illustration{width:100%;height:var(--stage-object-height);display:block}.object-illustration>.energy-body-icon{width:100%;height:100%}.body-meter{flex-direction:column;gap:4px;display:flex}.body-meter>span{font-size:var(--stage-support);color:var(--stage-muted)}.body-meter strong{font:500 var(--stage-measurement)/1.25 var(--font-data)}.body-meter strong small{font:400 var(--stage-support) var(--font-ui)}.source-body{text-align:center;font-size:var(--stage-support);direction:rtl}.source-body.compact-source{background:#204447;justify-self:center;width:min(100%,clamp(92px,8cqi,148px));padding:clamp(8px,.75cqi,14px) 6px}.source-body svg{stroke:#e9d69b;stroke-width:4px;fill:none;width:100%;height:clamp(58px,5.5cqi,104px)}.energy-link{color:#efb588;text-align:center;direction:rtl;font-size:clamp(16px,1.25cqi,25px)}.energy-link.electric{color:#ebd598}.energy-link.motion{color:#a9d9dd}.energy-link .transfer-arrow-graphic{width:100%;height:var(--stage-arrow-height);margin-top:8px;display:block}.vertical-arrow,.map-vertical-arrow{display:none}.transfer-arrow-graphic path{stroke:currentColor;stroke-width:3px;fill:none}.conversion{background:#153638;border:2px dashed #bac8b1;border-radius:7px;margin:0 0 10px;padding:clamp(7px,.65cqi,14px) 5px;font-size:clamp(14px,1cqi,20px)}.conversion small{color:var(--stage-muted);margin-bottom:4px;font-size:clamp(13px,.9cqi,18px);display:block}.conversion-visual{direction:rtl;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);grid-template-areas:"before arrow after";align-items:center;gap:4px;display:grid}.conversion-before{direction:rtl;grid-area:before}.conversion-after{direction:rtl;grid-area:after}.conversion-visual .transfer-arrow-graphic{color:#f0d49a;grid-area:arrow;width:100%;height:22px}.highlight-bodies .body-boundary{border:3px solid #efd898}.physical-choice{border:0;min-width:0;margin:0 0 14px;padding:0}.physical-choice legend{margin-bottom:8px;font-size:17px}.segmented{border:1px solid var(--control-edge);border-radius:4px;display:flex;overflow:hidden}.segmented button{border:0;border-inline-end:1px solid var(--control-edge);background:#faf9f3;flex:1;min-width:0;min-height:48px;padding:6px 3px}.segmented button:last-child{border-inline-end:0}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:inset 0 -4px #96bda9}.segmented button:focus-visible{outline-offset:-4px}.small-copy{color:var(--muted);font-size:15px}select{width:100%;min-height:46px;color:var(--ink);border:1px solid var(--control-edge);background:#faf9f3;border-radius:3px;padding:6px;display:block}label{display:block}.prediction-form{gap:10px;display:grid}.prediction-form h3,.explanation h3{font-size:20px}.instrument-group{padding:16px 20px}.learning-actions{flex-wrap:wrap;gap:8px;display:flex}.learning-actions .instrument-button{flex:auto;padding:8px}.learning-actions p{flex-basis:100%}.display-controls summary,.observation-content summary{min-height:44px;padding-block:8px}.display-controls summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.display-controls summary small{color:var(--muted);font-size:13px;font-weight:400}.run-controls .transport-controls{padding:0}.run-controls .control-note{padding:8px 0 0}.check-label{align-items:center;gap:8px;min-height:44px;display:flex}.check-label input{width:24px;height:24px;accent-color:var(--accent)}.feedback:empty{display:none}.feedback{color:#67491a;min-height:24px}.notebook{background:#faf7eb;border-block:1px solid #bbba9f;margin-bottom:28px;padding:24px 30px}.notebook[hidden]{display:none}.notebook-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.notebook h2{font-size:24px}.notebook h2,.energy-map-task h3{scroll-margin-block-start:20px}.run-log{padding-inline-start:24px}.run-log li{border-bottom:1px solid #d2d2bd;padding:10px 0}.explanation{max-width:1120px;margin:24px auto}.map-task-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.map-task-heading p{color:var(--muted);margin-top:4px}.visual-grammar-key{color:var(--muted);flex:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}.visual-grammar-key .transfer-arrow-graphic{block-size:20px;inline-size:46px;color:var(--accent)}.case-reference{border-block:1px solid var(--border);direction:rtl;grid-template-columns:150px minmax(70px,120px) 112px;grid-template-areas:"car arrow block";justify-content:center;align-items:center;gap:12px;max-width:520px;margin:4px auto 16px;padding:8px 14px;display:grid}.case-car{grid-area:car}.case-block{grid-area:block}.case-reference>.transfer-arrow-graphic{width:100%;height:28px;color:var(--accent);grid-area:arrow}.case-reference .energy-body-icon{width:100%;height:72px}.map-builder{gap:16px;display:grid}.energy-map-row{border:0;direction:rtl;border-block-end:1px solid #c4cbc1;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) minmax(180px,1fr);grid-template-areas:"sender energy receiver";align-items:stretch;gap:18px;min-width:0;padding:8px 0 18px;display:grid}.energy-map-row legend{color:var(--accent);margin-bottom:6px;font-weight:600}.map-sender{grid-area:sender}.map-receiver{grid-area:receiver}.map-energy-choice{grid-area:energy}.map-body-choice,.map-energy-choice{text-align:center;flex-direction:column;justify-content:end;min-width:0;display:flex}.map-body-choice{direction:rtl;background:#f2f4ec;border:2px solid #9aaea4;border-radius:9px;padding:12px}.map-body-choice.has-selection{border-color:var(--accent);background:#e8f0e9}.map-choice-role,.map-energy-choice>span{color:var(--muted);margin-bottom:4px;font-size:14px}.map-choice-visual{place-items:center;min-height:92px;display:grid}.map-choice-visual .energy-body-icon{width:100%;height:88px}.map-choice-visual .source-icon{stroke:#947126;stroke-width:4px;fill:none;max-width:92px}.energy-body-placeholder{color:#6f8078;border:2px dashed #9aaea4;border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.map-energy-choice{direction:rtl;padding-bottom:12px;position:relative}.map-energy-choice .map-horizontal-arrow{order:2;display:block}.map-energy-choice .transfer-arrow-graphic{width:100%;height:34px;color:var(--accent);margin-top:10px}.map-energy-choice select{order:1}.conversion-decision{border:0;margin:22px 0 14px;padding:0}.conversion-decision legend{margin-bottom:10px;font-weight:600}.process-choice{border:1px solid var(--control-edge);border-radius:4px;width:min(560px,100%);display:flex;overflow:hidden}.process-choice button{border:0;border-inline-end:1px solid var(--control-edge);background:var(--surface);flex:1;min-height:48px;padding:8px 12px}.process-choice button:last-child{border-inline-end:0}.process-choice button[aria-pressed=true]{background:var(--accent);color:#fff}.process-choice button:focus-visible{outline-offset:-4px}.conversion-builder{border:0;max-width:760px;margin:18px 0;padding:0}.conversion-builder>legend{color:var(--accent);margin-bottom:8px;font-weight:600}.conversion-body-shell{border:2px solid var(--accent);background:#edf2e9;border-radius:10px;padding:14px}.conversion-body-choice{grid-template-columns:120px 1fr;align-items:center;gap:8px 14px;display:grid}.conversion-body-choice>span:first-child{font-weight:600}.conversion-body-choice .map-choice-visual{grid-row:1/3;min-height:105px}.conversion-body-choice select{grid-column:1}.conversion-flow{background:var(--surface);direction:rtl;border:2px dashed #8ca095;border-radius:7px;grid-template-columns:1fr 42px 1fr;grid-template-areas:"before arrow after";align-items:end;gap:10px;margin-top:12px;padding:14px;display:grid}.conversion-flow .conversion-before{direction:rtl;grid-area:before}.conversion-flow .conversion-after{direction:rtl;grid-area:after}.conversion-flow .conversion-arrow{grid-area:arrow;align-self:center}.conversion-flow .transfer-arrow-graphic{width:100%;height:26px;color:var(--accent)}.conversion-builder>p{color:var(--muted);margin-top:6px;font-size:14px}.check-map{min-width:220px}.map-feedback{margin-top:10px}.knowledge-check{border-top:2px solid #b8c7bd;max-width:920px;margin:32px auto 20px;padding-top:24px}.knowledge-heading>span{color:var(--accent);font-size:14px;font-weight:600}.knowledge-heading h3{margin-top:2px;font-size:24px}.knowledge-heading p{color:var(--muted)}.knowledge-check fieldset{border:0;border-bottom:1px solid #c4cbc1;margin:0;padding:18px 0}.knowledge-check legend{margin-bottom:10px;font-weight:600}.abstract-transfer{direction:rtl;grid-template-columns:1fr minmax(100px,1.2fr) 1fr;grid-template-areas:"sender arrow receiver";align-items:center;gap:12px;max-width:620px;margin-bottom:12px;display:grid}.abstract-sender{grid-area:sender}.abstract-receiver{grid-area:receiver}.abstract-transfer>.transfer-arrow-graphic{grid-area:arrow}.abstract-transfer>span{border:2px solid var(--accent);text-align:center;background:#edf2e9;border-radius:7px;padding:16px}.abstract-transfer .transfer-arrow-graphic{width:100%;height:34px;color:var(--accent)}.abstract-conversion{border:2px solid var(--accent);background:#edf2e9;border-radius:8px;justify-items:center;gap:8px;max-width:440px;margin-bottom:12px;padding:14px;display:grid}.abstract-conversion .conversion-visual{background:var(--surface);border:2px dashed #8ca095;border-radius:5px;width:min(100%,360px);padding:10px 16px;font-weight:500}.knowledge-options{flex-wrap:wrap;gap:8px 20px;display:flex}.knowledge-option{align-items:center;gap:8px;min-height:44px;display:flex}.knowledge-option input{width:24px;height:24px;accent-color:var(--accent)}.session-summary{border-block:1px solid #aebfb4;align-items:start;gap:14px;max-width:840px;margin:28px auto;padding:18px 0;display:flex}.session-summary>span{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;font-size:24px;display:grid}.session-summary h3{font-size:22px}.session-summary p:last-child{color:var(--muted);margin-top:6px;font-size:14px}.progress-feedback{color:var(--accent);border-block-start:1px solid #c4cbc1;padding-top:16px}.teacher-dialog{background:var(--surface);width:min(1080px,100% - 24px);max-height:90dvh;color:var(--ink);border:1px solid var(--control-edge);border-radius:6px;padding:24px}.teacher-dialog::backdrop{background:#102d30c9}.teacher-dialog form{background:var(--surface);z-index:2;text-align:left;padding:10px 0;position:sticky;top:-24px}.teacher-content>header{margin-bottom:14px}.teacher-content>header>span{color:var(--muted);font-size:14px}.teacher-content>header h2{font-size:28px}.teacher-section{border-top:1px solid var(--border);padding:18px 0}.teacher-section h3{margin:0 0 10px;font-size:20px}.teacher-section h4{margin-bottom:5px}.teacher-section p{margin:7px 0}.teacher-success{color:var(--muted)}.teacher-path{padding:10px 0}.teacher-path>h4{color:var(--accent)}.teacher-transfer{direction:rtl;grid-template-columns:minmax(120px,1fr) 24px minmax(110px,.8fr) 24px minmax(120px,1fr);grid-template-areas:"sender arrow-one energy arrow-two receiver";align-items:center;gap:5px;max-width:760px;margin:7px 0;display:grid}.teacher-sender{grid-area:sender}.teacher-receiver{grid-area:receiver}.teacher-transfer em{grid-area:energy}.teacher-arrow:first-of-type{grid-area:arrow-one}.teacher-arrow:nth-of-type(2){grid-area:arrow-two}.teacher-transfer span,.teacher-transfer em{text-align:center;background:#f1f3ec;border:1px solid #aebdb4;border-radius:5px;padding:8px;font-style:normal}.teacher-transfer em{color:var(--accent);background:0 0;border:0;font-weight:600}.teacher-transfer b{text-align:center;color:var(--accent)}.teacher-conversion{grid-template-columns:auto minmax(280px,430px);align-items:center;gap:12px;max-width:760px;margin-top:8px;display:grid}.teacher-conversion .conversion-visual{border:1px dashed #8ca095;border-radius:5px;padding:8px}.teacher-quick-controls{flex-wrap:wrap;gap:6px 28px;display:flex}.teacher-section details{border-top:1px solid var(--border);margin-top:12px}.teacher-section details summary{min-height:46px;color:var(--accent);padding:10px 0;font-weight:600}.teacher-priority{grid-template-columns:1fr 1fr;gap:20px;display:grid}.teacher-priority>div{border-inline-end:1px solid var(--border);padding-inline-end:18px}.teacher-priority>div:last-child{border-inline-end:0}.teacher-priority ul{margin:0;padding-inline-start:22px}.teacher-dialog dt{font-weight:600}.teacher-dialog dd{margin:4px 0 12px}.priority-misconceptions{grid-template-columns:1fr 1fr;gap:2px 20px;margin-top:14px;display:grid}.priority-misconceptions>div{border-top:1px solid var(--border);padding-top:9px}.teacher-stage{background:var(--stage);color:var(--stage-text)}.projection-mode .notebook-toggle{display:none}.projection-mode .energy-canvas{--stage-object-height:clamp(210px,22cqi,460px);--stage-body-title:clamp(21px,1.8cqi,34px);--stage-measurement:clamp(34px,3.1cqi,66px);--stage-support:clamp(18px,1.25cqi,26px);--stage-arrow-height:clamp(32px,2.7cqi,56px);gap:clamp(38px,4cqi,82px);min-height:calc(100dvh - 180px)}.projection-mode .scene-heading h3{font-size:clamp(34px,3.4cqi,68px)}.projection-mode .energy-scene{max-width:2300px}.projection-mode .energy-scene.two-bodies{max-width:1750px}@media (width<=1100px) and (width>=701px){.energy-scene{grid-template-columns:74px 58px minmax(130px,1.1fr) 58px minmax(115px,1fr);gap:3px}.energy-scene.two-bodies{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.source-body.compact-source{width:70px;padding-inline:3px}.source-body svg{height:54px}.body-boundary{padding-inline:5px}.energy-link{font-size:14px}.energy-link .transfer-arrow-graphic{height:24px}.energy-canvas{padding-inline:12px}}@media (width<=700px){.topic-tabs{flex-wrap:nowrap;gap:4px;padding-bottom:2px;overflow-x:auto}.topic-tab{white-space:nowrap;text-align:right;min-height:42px;padding-inline:10px}.simulation-heading{padding:12px}.heading-actions{gap:6px}.simulation-status,.stage-toolbar>span{display:none}.stage-toolbar{min-height:36px}.simulation-stage:has(.energy-scene){position:static}.simulation-stage .stage-canvas.energy-canvas,.projection-mode .simulation-stage .stage-canvas.energy-canvas{gap:12px;min-height:660px;padding:12px 8px 42px}.simulation-stage .scene-cup,.projection-mode .simulation-stage .scene-cup{min-height:470px}.scene-heading h3{font-size:19px}.scene-heading>span{display:none}.energy-scene{grid-template-columns:minmax(0,260px);grid-template-areas:"source""source-link""converter""main-link""receiver";justify-content:center;gap:4px}.energy-scene.two-bodies{grid-template-columns:minmax(0,260px);grid-template-areas:"converter""main-link""receiver"}.source-body.compact-source{width:126px;padding:5px;font-size:14px;display:grid}.source-body svg{width:64px;height:48px;margin-inline:auto}.source-link,.main-link{justify-self:center;width:120px}.horizontal-arrow{display:none}.vertical-arrow{display:block}.energy-link{justify-items:center;font-size:14px;display:grid}.energy-link .transfer-arrow-graphic{width:30px;height:52px;margin-top:2px}.body-boundary{border-radius:8px;width:100%;padding:8px 5px}.body-boundary h4,.projection-mode .body-boundary h4{font-size:15px}.object-illustration{height:102px}.two-bodies .object-illustration{height:118px}.body-meter>span{font-size:13px}.body-meter strong{font-size:23px}.body-meter strong small{font-size:12px}.conversion{margin-bottom:4px;padding:6px 3px;font-size:13px}.conversion small{font-size:13px}.canvas-caption{inset-inline:8px;font-size:12px;bottom:7px}.notebook{padding:18px 14px}.notebook h2{font-size:21px}.map-task-heading{display:block}.visual-grammar-key{margin-top:8px}.case-reference{grid-template-columns:80px 58px 104px;padding-inline:4px}.case-reference .energy-body-icon{height:58px}.energy-map-row{grid-template-columns:1fr;grid-template-areas:"sender""energy""receiver";gap:8px}.map-body-choice{padding:8px}.map-choice-visual{min-height:72px}.map-choice-visual .energy-body-icon{height:68px}.map-energy-choice{grid-template-columns:1fr;padding:0;display:grid}.map-horizontal-arrow{display:none}.map-vertical-arrow{order:2;display:block}.map-energy-choice .transfer-arrow-graphic{width:30px;height:52px;margin:4px auto}.process-choice{display:grid}.process-choice button{border-inline-end:0;border-block-end:1px solid var(--control-edge)}.process-choice button:last-child{border-block-end:0}.conversion-body-choice{grid-template-columns:1fr}.conversion-body-choice .map-choice-visual{grid-row:auto}.conversion-body-choice select{grid-column:auto}.abstract-transfer{grid-template-columns:1fr 70px 1fr;gap:5px}.abstract-transfer>span{padding:10px 4px}.abstract-transfer .transfer-arrow-graphic{height:26px}.knowledge-options{gap:2px;display:grid}.teacher-transfer{grid-template-columns:minmax(0,1fr) 18px minmax(0,.8fr) 18px minmax(0,1fr);font-size:13px}.teacher-transfer span,.teacher-transfer em{padding:6px 3px}.teacher-conversion{grid-template-columns:1fr}.teacher-conversion .conversion-visual{min-width:0}.teacher-priority,.priority-misconceptions{grid-template-columns:1fr}.teacher-priority>div{border-inline-end:0;border-top:1px solid var(--border);padding-top:10px}.simulation-controls :is(input,button,select){scroll-margin-top:370px}.teacher-dialog{padding:16px}.teacher-dialog form{top:-16px}.car-evidence{font-size:13px}}@media (height<=599px){.simulation-stage{position:static}.energy-canvas{min-height:400px}}.prediction-form{grid-template-columns:1fr 1fr;gap:8px}.prediction-form>:is(h3,p,button),.prediction-form>label:last-of-type{grid-column:1/-1}.car-theater>svg{width:100%;max-height:clamp(360px,35cqi,620px)}.projection-mode .car-theater>svg{max-height:clamp(440px,42cqi,760px)}.car-observation{text-align:center;font-size:18px}@media (width<=700px){.car-observation{font-size:16px}.car-theater>svg{min-height:145px}}.system-picker{display:none}.projection-mode .system-picker{display:block}.physical-choice{margin-bottom:10px}.instrument-group{padding-block:12px}.transport-controls{padding-top:14px}.control-note{padding-block:8px 12px}@media (width>=701px) and (height<=500px){.projection-mode .system-picker,.projection-mode .run-controls,.projection-mode .display-controls,.projection-mode .learning-actions,.projection-mode .simulation-controls>.feedback{display:none}.projection-mode .physical-controls{padding:7px 10px}.projection-mode .physical-controls .group-label{margin-bottom:4px;font-size:15px}.projection-mode .physical-choice{margin-bottom:6px}.projection-mode .physical-choice legend{margin-bottom:3px;font-size:14px}.projection-mode .physical-controls .small-copy{display:none}.projection-mode .segmented button{min-height:36px;padding-block:3px}.projection-mode .energy-canvas{--stage-object-height:clamp(92px,13cqi,132px);--stage-body-title:clamp(14px,1.45cqi,18px);--stage-measurement:clamp(22px,2.5cqi,32px);--stage-support:clamp(12px,1.15cqi,15px);--stage-arrow-height:clamp(20px,2.1cqi,28px);gap:5px;min-height:calc(100dvh - 90px);padding:6px 8px 26px}.projection-mode .scene-heading h3{font-size:clamp(21px,2.8cqi,30px)}.projection-mode .scene-heading>span{display:none}.projection-mode .energy-scene{grid-template-columns:68px 52px minmax(116px,1.1fr) 52px minmax(105px,1fr);gap:2px}.projection-mode .energy-scene.two-bodies{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.projection-mode .source-body.compact-source{width:66px;padding:3px}.projection-mode .source-body svg{height:42px}.projection-mode .body-boundary{border-radius:7px;padding:5px 3px}.projection-mode .conversion{margin-bottom:3px;padding:3px 2px;font-size:12px}.projection-mode .conversion small{display:none}.projection-mode .conversion-visual{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.projection-mode .conversion-visual .transfer-arrow-graphic{height:16px}.projection-mode .canvas-caption{font-size:11px;inset-block-end:4px;inset-inline:8px}}