/* One-screen learning studio. The 3D apparatus persists; only the reading pane changes. */
body.studio { height: 100dvh; overflow: hidden; display: flex; flex-direction: column; }
.studio [hidden] { display: none !important; }
.studio .header { min-height: 52px; height: 52px; flex: 0 0 52px; padding: 6px 20px; gap: 20px; }
.studio .brand { font-size: 18px; gap: 8px; }
.studio .brand-mark { width: 32px; height: 34px; border-radius: 9px; font-size: 22px; }
.studio .brand small { display: none; }
.studio .header nav { gap: 3px; }
.studio .header nav a { padding: 7px 14px; font-size: 12px; }
.studio .header-end { gap: 12px; }
.studio .header-end button { min-height: 34px; padding: 5px 12px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio .header-end a { font-size: 12px; }
.studio .lesson-back { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; color: var(--green); font-size: 13px; white-space: nowrap; }
.studio .header-course-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--muted); }
.studio .learning-page { flex: 1; min-height: 0; max-width: none; margin: 0; padding: 10px 16px 14px; display: grid; grid-template-rows: auto 40px minmax(0,1fr); gap: 8px; overflow: hidden; }
.studio-title { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 6px; }
.studio-title h1 { font-family: var(--font-ui); font-size: 22px; line-height: 1.35; margin: 2px 0 0; }
.studio-title.has-unit { flex-wrap: wrap; row-gap: 6px; }
.unit-navigation { flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.unit-part-list { width: 100%; max-width: 520px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
.unit-part-list a { min-height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; color: var(--green); background: var(--paper); font-size: 13px; text-decoration: none; touch-action: manipulation; }
.unit-part-list a[aria-current="step"] { background: var(--green); color: white; border-color: var(--green); }
.unit-part-list a.completed:not([aria-current]) { background: #e9eee2; }
#unit-history { font-size: 12px; color: var(--muted); }
.age-label { font-size: 11px; color: var(--muted); letter-spacing: .05em; }
.route-link { font-size: 12px; flex-shrink: 0; }
.studio-tabs { display: flex; align-items: stretch; gap: 4px; border-bottom: 1px solid var(--line); }
.studio-tabs > button { padding: 5px 15px; min-height: 34px; border: 0; border-radius: 7px 7px 0 0; background: transparent; color: var(--muted); font-size: 13px; }
.studio-tabs button small { font-size: 10px; margin-right: 7px; opacity: .7; }
.studio-tab-label-short { display: none; }
.studio-tabs > button[aria-current="step"] { color: var(--green); background: var(--soft); box-shadow: inset 0 -2px var(--green); font-weight: 600; }
.mobile-switch { display: none; }
.studio-workspace { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) 338px; gap: 14px; }
.apparatus { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.apparatus-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 4px 15px; flex: 0 0 40px; font-size: 12px; }
.apparatus-head > div { display: flex; align-items: center; gap: 8px; }
.live-dot { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.studio .quiet-button { background: transparent; border: 0; padding: 7px 10px; color: var(--green); min-height: 36px; font-size: 12px; border-radius: var(--radius-sm); }
.studio .quiet-button:hover { background: var(--soft); }
.studio a.quiet-button { display: inline-flex; align-items: center; cursor: pointer; }
.studio a.quiet-button[aria-disabled="true"] { opacity: .5; cursor: default; pointer-events: none; }
.scene-stack { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.scene-wrap { flex: 1; min-height: 0; position: relative; overflow: hidden; margin: 0 10px; border-radius: 10px; background: var(--soft); }
.scene-canvas-area { position: absolute; inset: 0; overflow: hidden; }
.studio #scene { width: 100%; height: 100%; position: absolute; inset: 0; }
.studio #scene canvas { width: 100%; height: 100%; display: block; touch-action: none; }
.scene-caption { position: absolute; left: 15px; top: 12px; font-size: 11px; color: var(--body); pointer-events: none; }
.scene-setting { position: absolute; right: 12px; top: 38px; z-index: 2; max-width: min(72%,320px); padding: 5px 8px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,253,247,.96); color: var(--green); font-size: 11px; line-height: 1.45; text-align: right; pointer-events: none; }
.sliding-gauge { position: absolute; top: 36px; left: 12px; width: 196px; padding: 7px 9px 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); pointer-events: none; }
.sliding-gauge > div { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; font-size: 12px; }
.sliding-gauge strong { font-size: 15px; font-variant-numeric: tabular-nums; }
.sliding-gauge svg { display: block; width: 100%; overflow: visible; }
.sliding-gauge small { display: block; font-size: 11px; line-height: 1.3; }
.gauge-ticks { stroke: currentColor; stroke-width: 1; }
.gauge-numbers { fill: currentColor; font-size: 12px; text-anchor: middle; }
[data-gauge-pointer] { fill: var(--orange); }
.scene-canvas-area.has-sliding-gauge { container-type: size; }
.scene-canvas-area.has-support-inset { container-type: size; container-name: support-apparatus; }
.scene-canvas-area.has-density-inset { container-type: size; container-name: density-apparatus; }
.scene-canvas-area.has-gravity-inset { container-type: size; container-name: gravity-apparatus; }
.has-density-inset .scene-caption, .has-density-inset .scene-inspect, .has-gravity-inset .scene-caption, .has-gravity-inset .scene-inspect { display: none; }
.has-density-inset #scene, .has-gravity-inset #scene { top: 162px; height: calc(100% - 162px); }
.density-readout, .gravity-readout { position: absolute; top: 8px; left: 10px; right: 98px; display: grid; grid-template-columns: minmax(0,1fr) 106px; column-gap: 8px; row-gap: 4px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); pointer-events: none; font-size: 12px; line-height: 1.3; }
.density-readout > div, .gravity-readout > div { display: flex; flex-direction: column; gap: 2px; }
.density-readout strong, .gravity-readout strong { font-size: 17px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.density-readout small, .gravity-readout small { font-size: 11px; line-height: 1.45; }
.density-readout svg, .gravity-readout svg { grid-column: 2; grid-row: 1 / 4; width: 106px; height: 132px; align-self: center; }
/* Keep the instrument window in its own layer alongside the WebGL pane. */
.gravity-readout { isolation: isolate; transform: translateZ(0); }
.density-zoom-ticks, .gravity-zoom-ticks { stroke: #647970; stroke-width: 1; }
.density-zoom-numbers, .gravity-zoom-numbers { fill: #315f56; font-size: 13px; }
.density-zoom-pointer, .gravity-zoom-pointer { stroke: var(--orange); stroke-width: 3; }
@container density-apparatus (min-width: 600px) {
  .density-readout { right: auto; width: 230px; }
  .has-density-inset #scene { left: 250px; top: 0; width: calc(100% - 250px); height: 100%; }
}
@container density-apparatus (max-width: 599px) and (max-height: 219px) {
  .density-readout { display: none; }
  .has-density-inset #scene { left: 0; top: 0; width: 100%; height: 100%; }
}
@container gravity-apparatus (min-width: 600px) {
  .gravity-readout { right: auto; width: 230px; }
  .has-gravity-inset #scene { left: 250px; top: 0; width: calc(100% - 250px); height: 100%; }
}
@container gravity-apparatus (max-width: 599px) and (max-height: 219px) {
  .gravity-readout { display: none; }
  .has-gravity-inset #scene { left: 0; top: 0; width: 100%; height: 100%; }
}
.has-support-inset .scene-caption, .has-support-inset .scene-inspect { display: none; }
.has-support-inset #scene { top: 148px; height: calc(100% - 148px); }
.support-compression { position: absolute; top: 10px; left: 10px; right: 98px; display: grid; grid-template-columns: minmax(0,1fr) 76px; gap: 3px 6px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); pointer-events: none; font-size: 12px; line-height: 1.3; }
.support-compression p { margin: 0; }
.compression-reading { display: flex; flex-direction: column; gap: 2px; }
.compression-reading strong { font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.support-compression svg { grid-column: 2; grid-row: 1 / 4; width: 100%; align-self: center; }
.compression-reference { stroke: #81948a; stroke-width: 2; stroke-dasharray: 5 3; }
.compression-current { stroke: var(--orange); stroke-width: 3; }
.support-compression .compression-captured, .support-compression small { grid-column: 1 / -1; font-size: 12px; }
@container support-apparatus (min-width: 600px) {
  .has-support-inset #scene { left: 190px; top: 0; width: calc(100% - 190px); height: 100%; }
  .support-compression { right: auto; width: 170px; display: flex; flex-direction: column; gap: 3px; }
  .support-compression svg { height: 52px; }
}
@container support-apparatus (max-height: 219px) {
  .support-compression { display: none; }
  .has-support-inset #scene { left: 0; top: 0; width: 100%; height: 100%; }
}
.has-sliding-gauge #scene { top: 112px; height: calc(100% - 112px); }
.has-sliding-gauge .scene-inspect { display: none; }
@container (min-width: 600px) {
  .has-sliding-gauge #scene { left: 220px; top: 0; width: calc(100% - 220px); height: 100%; }
}
@container (max-width: 599px) and (max-height: 239px) {
  .has-sliding-gauge #scene { left: 134px; top: 0; width: calc(100% - 134px); height: 100%; }
  .sliding-gauge { left: 6px; top: 30px; width: 124px; padding: 6px 8px; }
  .sliding-gauge > div { flex-direction: column; align-items: flex-start; gap: 0; }
  .sliding-gauge .gauge-numbers { font-size: 22px; }
  .sliding-gauge .gauge-ticks { stroke-width: 2; }
}
.scene-inspect { position: absolute; right: 12px; bottom: 12px; border: 1px solid var(--line); border-radius: 8px; padding: 7px 11px; min-height: 36px; background: var(--paper); color: var(--green); font-size: 12px; }
/* The moving station scale crosses this corner; its analysis remains in chapter 2. */
body[data-lesson="l16"] .scene-inspect { display: none; }
body[data-lesson="l19"] .scene-caption, body[data-lesson="l19"] .scene-inspect { display: none; }
.scene-layer-note { position: absolute; left: 12px; right: 12px; top: 37px; font-size: 11px; line-height: 1.5; padding: 6px 8px; background: var(--orange-soft); border-radius: 6px; color: var(--ink); pointer-events: none; }
.scene-result-bar { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 3; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; padding: 7px; border: 1px solid rgba(35,79,64,.16); border-radius: 9px; background: rgba(255,253,247,.96); box-shadow: 0 5px 18px rgba(38,52,44,.12); pointer-events: none; }
.scene-result-bar > span { min-width: 0; padding: 0 6px; border-right: 1px solid var(--line); }
.scene-result-bar > span:last-child { border-right: 0; }
.scene-result-bar small { display: block; min-height: 16px; color: var(--muted); font-size: 10px; line-height: 1.35; white-space: nowrap; }
.scene-result-bar strong { display: block; color: var(--green); font-size: 14px; line-height: 1.45; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.scene-wrap.results-visible .scene-inspect { bottom: 70px; }
.trial-strip { display: flex; align-items: center; gap: 10px; flex: 0 0 42px; min-width: 0; padding: 2px 12px; border-bottom: 1px solid var(--line); }
#trial-label { font-size: 11px; font-weight: 600; white-space: nowrap; }
#trial-tabs { display: flex; gap: 5px; overflow-x: auto; min-width: 0; flex: 1; scrollbar-width: thin; }
#trial-tabs button { flex-shrink: 0; font-size: 11px; background: transparent; border: 1px solid var(--line); border-radius: 6px; min-height: 28px; padding: 3px 7px; color: var(--body); }
#trial-tabs button[aria-pressed="true"] { background: var(--soft); border-color: var(--green); color: var(--green); }
#new-comparison { flex-shrink: 0; }
.instrument-bar { display: flex; align-items: center; gap: 10px; flex: 0 0 66px; padding: 9px 14px; }
.instrument-bar .run-button { min-height: 44px; min-width: 105px; border-radius: 9px; font-size: 14px; }
.instruments { margin-left: auto; display: flex; gap: clamp(10px,1.8vw,28px); align-items: center; }
.instruments > div { min-width: 50px; }
.instruments small { display: block; font-size: 10px; color: var(--muted); white-space: nowrap; }
.instruments strong { display: block; font-size: 23px; font-weight: 500; line-height: 1.4; font-variant-numeric: tabular-nums; }
.apparatus-hint { flex: 0 0 40px; padding: 0 14px 8px; margin: 0; display: flex; align-items: center; font-size: 12px; line-height: 1.5; color: var(--body); }
.guide-panel { min-height: 0; min-width: 0; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.guide-heading { min-height: 42px; padding: 9px 17px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); }
.guide-heading > span:first-child { flex-shrink: 0; }
.studio #learning-sync { margin: 0; font-size: 10px; text-align: right; line-height: 1.4; }
.guide-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 21px 20px; }
.guide-page h2 { font-size: 20px; line-height: 1.6; margin: 7px 0 16px; font-weight: 600; }
.guide-page h3 { font-size: 16px; margin: 22px 0 10px; }
.guide-page p { font-size: 14px; line-height: 1.85; color: var(--body); margin: 12px 0; }
.section-tag { color: var(--orange); font-size: 11px; }
.guide-page .learning-goal { background: var(--soft); padding: 12px; border-radius: 8px; color: var(--green); }
.concept-list { padding-left: 20px; color: var(--body); font-size: 14px; line-height: 1.85; }
.concept-list li { margin: 14px 0; padding-left: 4px; }
.guide-page .subtle-note { font-size: 12px; color: var(--muted); padding-top: 12px; border-top: 1px solid var(--line); }
.guide-navigation { display: flex; flex: 0 0 48px; align-items: center; justify-content: space-between; padding: 5px 10px; border-top: 1px solid var(--line); }
#stage-counter { font-size: 11px; color: var(--muted); }
.analysis-steps { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.analysis-steps button { min-height: 32px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 6px; color: var(--body); background: transparent; font-size: 12px; }
.analysis-steps button[aria-pressed="true"] { background: var(--green); color: var(--paper); border-color: var(--green); }
.force-values { margin: 18px 0; border-radius: 8px; background: var(--soft); }
.force-values > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px; border-bottom: 1px solid var(--line); font-size: 13px; }
.force-values > div:last-child { border-bottom: 0; }
.force-values span small { display: block; margin-top: 4px; font-size: 10px; color: var(--body); }
.force-values strong { white-space: nowrap; font-size: 18px; font-weight: 500; font-variant-numeric: tabular-nums; }
.force-values strong small { font-size: 11px; }
.studio summary { padding: 12px 0; min-height: 42px; font-size: 13px; cursor: pointer; }
.prediction-box,.secondary-conditions,.model-note { border-top: 1px solid var(--line); margin-top: 16px; }
.answer-options { display: grid; gap: 8px; }
.answer-options button { background: var(--paper); text-align: left; font-size: 14px; line-height: 1.7; border: 1px solid var(--line); border-radius: 8px; padding: 11px 12px; min-height: 44px; color: var(--ink); }
.answer-options button[aria-pressed="true"] { border-color: var(--orange); background: var(--orange-soft); box-shadow: inset 0 0 0 1px var(--orange); }
.studio-control { display: block; margin: 24px 0 12px; }
.studio-control > span { display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
.control-value { display: flex; align-items: center; gap: 5px; border: 1px solid var(--line); background: var(--bg); border-radius: 7px; padding: 3px 7px; }
.control-value input { width: 52px; min-height: 36px; border: 0; color: var(--ink); font-size: 16px; background: transparent; text-align: right; }
.control-value small { font-size: 11px; color: var(--muted); }
.control-value:has([aria-invalid="true"]) { border-color: var(--orange); background: var(--orange-soft); }
.studio-control > input[type="range"] { width: 100%; margin: 18px 0 7px; accent-color: var(--green); }
.studio-control.option-control { border: 0; padding: 0; }
.studio-control.option-control legend { font-size: 14px; padding: 0; }
.studio-control.option-control .answer-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.studio-control.option-control .answer-options button { flex: 1 1 auto; text-align: center; min-height: 40px; }
.control-range { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); }
.preset-buttons { display: flex; gap: 8px; margin-top: 18px; }
.preset-buttons button { flex: 1; padding: 8px; min-height: 38px; border: 1px solid var(--line); border-radius: 7px; font-size: 13px; background: var(--soft); color: var(--green); }
.preset-buttons.preset-buttons-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.preset-buttons-grid button { min-height: 44px; line-height: 1.5; }
.guide-page .input-status { font-size: 12px; color: var(--green); }
.model-note { background: transparent; padding: 0; border-radius: 0; }
.record-choice { display: flex; align-items: start; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.record-choice input { margin-top: 5px; accent-color: var(--green); width: 16px; height: 16px; }
.record-choice span { min-width: 0; }
.record-choice strong { font-size: 14px; }
.record-choice small { display: block; margin-top: 4px; font-size: 11px; color: var(--body); }
.fair-conditions { margin: 10px 0 12px; padding: 10px 12px; border-radius: 8px; background: var(--soft); color: var(--green); }
.fair-conditions > strong { font-size: 13px; }
.fair-conditions ul { margin: 6px 0 0; padding-left: 18px; }
.fair-conditions li { margin: 3px 0; font-size: 12px; line-height: 1.45; }
#record-count { font-size: 12px; padding: 3px 7px; background: var(--soft); border-radius: 5px; }
.evidence-summary { font-size: 13px; line-height: 1.8; padding: 12px; border-radius: 8px; background: var(--soft); color: var(--green); }
#completion { font-size: 13px; line-height: 1.8; color: var(--green); border-top: 1px solid var(--line); margin-top: 18px; padding-top: 12px; }
#completion small,#completion span { display: block; }
.chart-drawer { flex: 0 0 202px; min-height: 0; padding: 9px 14px 6px; display: flex; flex-direction: column; }
.chart-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; }
.chart-head button { border: 0; min-height: 28px; padding: 4px 8px; background: transparent; color: var(--body); font-size: 11px; border-radius: 5px; }
.chart-head button[aria-pressed="true"] { background: var(--soft); color: var(--green); }
#course-plot { flex: 1; min-height: 0; }
#course-plot svg { display: block; width: 100%; height: 100%; }
.guide-page .chart-drawer.in-guide { height: auto; min-height: 0; margin: 12px 0 18px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); }
.chart-drawer.in-guide .chart-head { display: block; }
.chart-drawer.in-guide #course-plot { flex: none; height: 180px; min-height: 180px; }
.chart-drawer.in-guide .studio-plot-legend { margin: 6px 0; }
/* These parent-tool charts need room for their responsive axes before the scene takes the remaining height. */
body:is([data-lesson="l02"],[data-lesson="l03"],[data-lesson="l05"],[data-lesson="l10"],[data-lesson="l11"],[data-lesson="l12"]) .chart-drawer:not(.in-guide) { flex: 0 0 auto; }
body:is([data-lesson="l02"],[data-lesson="l03"],[data-lesson="l05"],[data-lesson="l10"],[data-lesson="l11"],[data-lesson="l12"]) .chart-drawer:not(.in-guide) #course-plot { flex: none; height: 128px; }
body:is([data-lesson="l05"],[data-lesson="l10"]) .scene-canvas-area { container-type: size; container-name: compact-apparatus; }
@container compact-apparatus (max-height: 219px) {
  .scene-caption, .scene-inspect { display: none; }
}
#axis-note { margin: 0; font-size: 10px; color: var(--muted); }
.conclusion-graph {
  margin: 14px 0 18px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--bg);
}
.guide-page .conclusion-graph h3 { margin: 0 0 7px; font-size: 13px; }
#conclusion-plot { height: 150px; min-height: 0; }
#conclusion-plot svg { display: block; width: 100%; height: 100%; }
.age-primary .guide-page p,.age-primary .concept-list,.age-primary .answer-options button { font-size: 16px; line-height: 1.85; }
.age-primary .guide-page .subtle-note,.age-primary .guide-page .input-status { font-size: 12px; }
.age-primary .scene-wrap { border-radius: 14px; }
@media (min-width: 1600px) { .studio-workspace { grid-template-columns: minmax(0,1fr) 390px; }.guide-scroll { padding: 26px; }.guide-page p,.concept-list { font-size: 15px; } }
@media (max-width: 1000px) {
  .studio-workspace { grid-template-columns: minmax(0,1fr) 290px; gap: 10px; }
  .studio .header { padding: 6px 14px; }
  .studio .header nav { display: none; }
  .studio .header-end > a { display: none; }
  .studio .header nav a { padding: 7px 10px; }
  .guide-scroll { padding: 17px; }
  .instrument-bar { flex-wrap: wrap; gap: 5px 10px; flex-basis: 112px; padding: 8px 12px; }
  .instruments { flex: 1 0 100%; justify-content: space-between; margin-left: 0; }
  .instruments strong { font-size: 21px; }
  .chart-drawer { flex-basis: 180px; }
  .scene-result-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .scene-result-bar > span:nth-child(3) { border-right: 0; }
  .scene-wrap.results-visible .scene-inspect { bottom: 100px; }
}
@media (max-width: 700px) {
  .studio .header { min-height: 44px; height: 44px; flex-basis: 44px; flex-wrap: nowrap; gap: 8px; }
  .studio .brand, .studio .header-end { flex-shrink: 0; }
  .studio .header-end { gap: 0; }
  .studio .header-end button { max-width: 94px; padding-inline: 8px; font-size: 12px; }
  .studio .header nav { display: none; }
  .studio .brand { font-size: 16px; }
  .studio .brand-mark { width: 28px; height: 29px; font-size: 20px; }
  .studio .learning-page { padding: 7px 9px max(9px,env(safe-area-inset-bottom)); gap: 6px; grid-template-rows: auto 76px minmax(0,1fr); }
  .studio-title h1 { font-size: 18px; }.age-label { font-size: 10px; }.route-link { font-size: 10px; }
  .studio-tabs { flex-wrap: wrap; gap: 0; }
  .studio-tabs > button { flex: 1; min-width: 0; padding: 3px 2px; min-height: 35px; font-size: 11px; }
  .studio-tabs button small { display: none; }
  .mobile-switch { flex: 1 0 100%; display: flex; gap: 6px; padding: 4px 0; }
  .mobile-switch button { flex: 1; min-height: 30px; padding: 3px; background: transparent; border: 1px solid var(--line); border-radius: 6px; color: var(--body); font-size: 12px; }
  .mobile-switch button[aria-pressed="true"] { background: var(--green); color: var(--paper); }
  .studio-workspace { position: relative; display: block; }
  .apparatus,.guide-panel { position: absolute; inset: 0; }
  .studio-workspace[data-pane="scene"] .guide-panel { visibility: hidden; pointer-events: none; }
  .studio-workspace[data-pane="guide"] .apparatus { visibility: hidden; pointer-events: none; }
  .apparatus-head { padding: 3px 10px; font-size: 11px; }
  .apparatus-hint { flex-basis: 52px; font-size: 11px; padding: 0 10px 7px; }
  .studio:not(.primary-game) .instrument-bar { display: grid; grid-template-columns: minmax(102px,.85fr) minmax(0,1.8fr); gap: 8px; flex-basis: auto; padding: 8px 10px; }
  .studio:not(.primary-game) .instrument-bar #play { min-width: 0; min-height: 48px; max-width: none; width: 100%; }
  .studio:not(.primary-game) .instrument-bar #restart { grid-column: 1; }
  .studio:not(.primary-game) .instruments { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-column: 2; grid-row: 1 / span 2; gap: 6px; min-width: 0; }
  .studio:not(.primary-game) .instruments > div { min-width: 0; }
  .studio:not(.primary-game) .instruments small { white-space: normal; line-height: 1.35; }
  .studio:not(.primary-game) .instruments strong { font-size: 18px; }
  .trial-strip { gap: 5px; padding: 2px 8px; }
  #trial-label { max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
  .scene-inspect { font-size: 11px; right: 8px; bottom: 8px; }
  .scene-caption { font-size: 10px; left: 9px; }
  .chart-drawer { flex-basis: 164px; padding: 5px 8px; }
  .chart-head > strong { display: none; }
  .guide-scroll { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { .studio *, .studio *::before, .studio *::after { scroll-behavior: auto; transition: none; } }
.studio-plot-legend { display:flex; flex-wrap:wrap; gap:12px; min-height:18px; font-size:10px; }.studio-plot-legend span { display:flex; gap:5px; align-items:center; }.studio-plot-legend i { width:18px; border-top:2px solid currentColor; }

.option-control { border:0; padding:0; min-width:0; }.option-control legend { font-size:14px; margin-bottom:12px; }.option-control .control-value { display:none; }

/* Guided lesson: one next action, with optional tools still available. */
.learning-tools {display:flex;align-items:center;gap:12px}
.learning-tools .quiet-button,.learning-tools .route-link {white-space:nowrap}
.coach-strip {display:none}
.guided-learning .coach-strip {display:grid;gap:4px;padding:12px 16px;background:var(--soft);border-bottom:1px solid var(--line)}
.coach-strip > span {font-size:11px;color:var(--orange)}
.coach-strip > strong {font-size:16px;line-height:1.4;color:var(--green)}
.coach-strip p {font-size:13px;line-height:1.6;margin:0;color:var(--body)}
.guided-learning .apparatus-head {flex-basis:30px}
.guided-learning #new-comparison, .guided-learning #restart {display:none}
.guided-learning .trial-strip {flex-basis:32px}
.guided-learning #play {max-width:55%;white-space:normal}
.guided-learning #guide-0 .concept-list, .guided-learning #guide-0 .learning-goal {display:none}
.guided-learning #guide-0 h2 {margin-top:0}
.guided-learning .apparatus-hint {flex-basis:32px;font-size:11px}
#adjust-conditions {margin:16px 0;border-top:1px solid var(--line);padding-top:12px}
#adjust-conditions summary {font-size:13px;color:var(--green);cursor:pointer}
#guide-toggle {white-space:nowrap}
@media(max-width:700px) {
 .learning-tools {gap:2px;align-items:flex-end;flex-direction:column}
 .learning-tools .route-link {display:none}
 .coach-strip > strong {font-size:14px}
 .coach-strip p {font-size:12px}
 .guided-learning .coach-strip {padding:9px 12px;gap:2px}
 .guided-learning .apparatus-hint {display:none}
 .guided-learning .instrument-bar {flex-wrap:wrap}
}

/* L04 first encounter: directions are prepared by the guided sequence. */
.guided-learning[data-lesson="l04"] #guide-2 details {display:none}

/* H01 is designed for mouse and classroom tablet use from the first build. */
body[data-lesson="h01"] button,
body[data-lesson="h01"] summary,
body[data-lesson="h01"] .route-link { touch-action: manipulation; }
body[data-lesson="h01"] .instrument-bar .run-button,
body[data-lesson="h01"] .preset-buttons button,
body[data-lesson="h01"] .studio-control.option-control .answer-options button { min-height: 44px; }
@media (max-width: 1000px) {
  body[data-lesson="h01"] button,
  body[data-lesson="h01"] summary,
  body[data-lesson="h01"] .route-link,
  body[data-lesson="h01"] .brand { min-height: 44px !important; }
}
@media (max-width: 700px) {
  body[data-lesson="h01"] .learning-page { grid-template-rows: auto 100px minmax(0,1fr); }
}

/* H02 uses the same workbench on classroom touch screens and phones. */
body[data-lesson="h02"] button,
body[data-lesson="h02"] summary,
body[data-lesson="h02"] .route-link,
body[data-lesson="h02"] .brand {
  min-height: 44px;
  touch-action: manipulation;
}
body.studio[data-lesson="h02"] .quiet-button,
body.studio[data-lesson="h02"] .instrument-bar .run-button,
body.studio[data-lesson="h02"] .studio-tabs > button,
body.studio[data-lesson="h02"] .mobile-switch button,
body.studio[data-lesson="h02"] #adjust-conditions summary,
body.studio[data-lesson="h02"] #trial-tabs button {
  min-height: 44px;
  touch-action: manipulation;
}
body[data-lesson="h02"] .record-choice,
body[data-lesson="h02"] .record-choice span,
body[data-lesson="h02"] .record-choice small {
  min-width: 0;
  overflow-wrap: anywhere;
}
body[data-lesson="h02"] .studio-plot-legend .overlap-marker {
  flex: 1 0 100%;
  color: var(--green);
  font-size: 11px;
}
body[data-lesson="h02"] .scene-setting { top: 8px; }
@media (max-width: 1000px) {
  body[data-lesson="h02"] .scene-caption { display: none; }
  body[data-lesson="h02"] .scene-setting {
    left: 8px;
    right: 8px;
    max-width: none;
    text-align: center;
  }
  body[data-lesson="h02"] .preset-buttons,
  body[data-lesson="h02"] .studio-control.option-control .answer-options {
    flex-direction: column;
  }
}

/* H03 keeps the moving car as the main view and places one live v-t graph below it. */
.live-graph {
  flex: 0 0 110px;
  min-height: 0;
  margin: 8px 10px 0;
  padding: 7px 10px 5px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  overflow: hidden;
}
.live-graph-head {
  height: 20px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  color: var(--green);
  font-size: 11px;
}
.live-graph-head small { color: var(--muted); font-size: 10px; }
#live-plot { height: calc(100% - 20px); min-height: 0; }
#live-plot svg { display: block; width: 100%; height: 100%; }
.plot-interval { fill: rgba(222, 145, 72, .10); stroke: none; }
.plot-grid path { stroke: #dedfd5; stroke-width: 1; }
.plot-grid .zero-axis { stroke: var(--ink); stroke-width: 1.4; }

body[data-lesson="h03"] button,
body[data-lesson="h03"] summary,
body[data-lesson="h03"] .route-link,
body[data-lesson="h03"] .brand {
  min-height: 44px;
  touch-action: manipulation;
}
body.studio[data-lesson="h03"] .quiet-button,
body.studio[data-lesson="h03"] .instrument-bar .run-button,
body.studio[data-lesson="h03"] .studio-tabs > button,
body.studio[data-lesson="h03"] .mobile-switch button,
body.studio[data-lesson="h03"] #adjust-conditions summary,
body.studio[data-lesson="h03"] #trial-tabs button {
  min-height: 44px;
  touch-action: manipulation;
}
body[data-lesson="h03"] .scene-setting { top: 8px; }
body.guided-learning[data-lesson="h03"] #guide-0 .learning-goal { display: block; }
body[data-lesson="h03"] #play { min-height: 48px; }
body.guided-learning[data-lesson="h03"] .coach-strip {
  grid-template-columns: auto auto minmax(0,1fr);
  align-items: center;
  column-gap: 10px;
  padding: 7px 12px;
}
body.guided-learning[data-lesson="h03"] .coach-strip > strong { font-size: 14px; }
body.guided-learning[data-lesson="h03"] .coach-strip p {
  min-width: 0;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-lesson="h03"] .record-choice,
body[data-lesson="h03"] .record-choice span,
body[data-lesson="h03"] .record-choice small {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 1000px) {
  body[data-lesson="h03"] .scene-caption { display: none; }
  body[data-lesson="h03"] .scene-setting {
    left: 8px;
    right: 8px;
    max-width: none;
    text-align: center;
  }
  body[data-lesson="h03"] .preset-buttons,
  body[data-lesson="h03"] .studio-control.option-control .answer-options {
    flex-direction: column;
  }
  body[data-lesson="h03"] .live-graph { flex-basis: 106px; }
}
@media (max-width: 700px) {
  body[data-lesson="h03"] .studio-title { align-items: flex-start; gap: 8px; }
  body[data-lesson="h03"] .studio-title h1 { font-size: 16px; }
  body[data-lesson="h03"] .learning-tools {
    flex: 0 0 190px;
    max-width: 190px;
    flex-direction: row;
    align-items: center;
    gap: 3px;
  }
  body[data-lesson="h03"] .learning-tools .quiet-button {
    flex: 1;
    min-width: 0;
    padding: 4px 5px;
    font-size: 11px;
  }
  body[data-lesson="h03"] .learning-tools .route-link { display: none; }
  body[data-lesson="h03"] .learning-page {
    grid-template-rows: auto 100px minmax(0,1fr);
  }
  body[data-lesson="h03"] .instrument-bar { flex-basis: 116px; }
  body[data-lesson="h03"] #trial-label { max-width: 132px; }
  body.guided-learning[data-lesson="h03"] .apparatus-hint {
    display: flex;
    flex-basis: 44px;
  }
  body[data-lesson="h03"] .live-graph {
    flex-basis: 104px;
    margin: 6px 6px 0;
    padding: 5px 6px 3px;
  }
  body[data-lesson="h03"] .live-graph-head small { display: none; }
  body.guided-learning[data-lesson="h03"] .coach-strip {
    grid-template-columns: auto minmax(0,1fr);
    row-gap: 2px;
    padding: 6px 9px;
  }
  body.guided-learning[data-lesson="h03"] .coach-strip p {
    grid-column: 1 / -1;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body[data-lesson="h03"] .scene-result-bar {
    position: static;
    width: auto;
    margin: 0 6px 6px;
    gap: 4px;
    padding: 6px;
  }
  body[data-lesson="h03"] .scene-result-bar > span { padding: 0 4px; }
  body[data-lesson="h03"] .scene-wrap.results-visible {
    display: grid;
    grid-template-rows: minmax(120px,1fr) auto;
  }
  body[data-lesson="h03"] .scene-wrap.results-visible .scene-canvas-area {
    position: relative;
    inset: auto;
    min-height: 120px;
  }
  body[data-lesson="h03"] .scene-wrap.results-visible .scene-inspect { display: none; }
  body[data-lesson="h03"] .scene-wrap.results-visible .scene-setting {
    display: block;
    top: 4px;
    left: 6px;
    right: 6px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.25;
    white-space: nowrap;
  }
  body[data-lesson="h03"] .apparatus.scene-results-visible {
    overflow: hidden;
  }
  body[data-lesson="h03"] .apparatus.scene-results-visible .coach-strip { display: none; }
  body[data-lesson="h03"] .apparatus.scene-results-visible .scene-stack {
    flex: 1 1 auto;
    min-height: 0;
  }
}
@media (max-width: 700px) {
  body[data-lesson="h02"] .learning-page {
    grid-template-rows: auto 100px minmax(0,1fr);
  }
  body[data-lesson="h02"] .instrument-bar {
    flex-basis: 116px;
  }
  body[data-lesson="h02"] #trial-label {
    max-width: 132px;
  }
  body.guided-learning[data-lesson="h02"] .apparatus-hint {
    display: flex;
    flex-basis: 44px;
  }
  body[data-lesson="h02"] .scene-result-bar {
    position: static;
    width: auto;
    margin: 0 6px 6px;
    gap: 4px;
    padding: 6px;
  }
  body[data-lesson="h02"] .scene-result-bar > span {
    padding: 0 4px;
  }
  body[data-lesson="h02"] .scene-wrap.results-visible .scene-inspect {
    display: none;
  }
  body[data-lesson="h02"] .scene-wrap.results-visible {
    display: grid;
    grid-template-rows: minmax(180px,1fr) auto;
  }
  body[data-lesson="h02"] .scene-wrap.results-visible .scene-canvas-area {
    position: relative;
    inset: auto;
    min-height: 180px;
  }
  body[data-lesson="h02"] .scene-wrap.results-visible .scene-setting {
    display: none;
  }
  body[data-lesson="h02"] .apparatus.scene-results-visible {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body[data-lesson="h02"] .apparatus.scene-results-visible .coach-strip {
    display: none;
  }
body[data-lesson="h02"] .apparatus.scene-results-visible .scene-stack {
    flex: 0 0 276px;
    min-height: 276px;
  }
}

/* Position-derived v-t evidence: dots are measured intervals, the solid line is
   the core fit, and patterned regions keep the sign visible without relying on colour. */
.plot-estimated-trend {
  stroke-width: 1.8;
  stroke-dasharray: 4 4;
  opacity: .72;
}
.plot-fit-line { stroke-width: 3; opacity: .96; }
.plot-estimated-point {
  stroke: var(--paper);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.plot-area { opacity: .84; }
.authored-graph-legend { gap: 6px 12px; }
.authored-graph-legend span { color: var(--body); }
.authored-graph-legend .legend-estimated i { border-top-style: dashed; }
.authored-graph-legend .legend-fit i { border-top-width: 3px; border-top-color: var(--green); }
.authored-graph-legend .legend-positive i,
.authored-graph-legend .legend-negative i {
  width: 18px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 2px;
}
.authored-graph-legend .legend-positive i {
  color: var(--green);
  background: repeating-linear-gradient(135deg,rgba(53,105,79,.30) 0 2px,transparent 2px 5px);
}
.authored-graph-legend .legend-negative i {
  color: var(--orange);
  background: radial-gradient(circle,rgba(185,101,61,.50) 1px,transparent 1.3px) 0 0/5px 5px;
}
.conclusion-highlights {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
  margin: 10px 0 14px;
}
.conclusion-highlights > span {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}
.conclusion-highlights small { display: block; color: var(--muted); font-size: 10px; line-height: 1.35; }
.conclusion-highlights strong { display: block; margin-top: 4px; color: var(--green); font-size: 15px; font-variant-numeric: tabular-nums; }

/* H04 keeps the 3D track primary while leaving enough room for the evidence graph. */
body[data-lesson="h04"] button,
body[data-lesson="h04"] summary,
body[data-lesson="h04"] .route-link,
body[data-lesson="h04"] .brand {
  min-height: 44px;
  touch-action: manipulation;
}
body[data-lesson="h04"] #play { min-height: 48px; }
body[data-lesson="h04"] .scene-setting { top: 8px; }
body.guided-learning[data-lesson="h04"] .coach-strip {
  grid-template-columns: auto auto minmax(0,1fr);
  align-items: center;
  column-gap: 10px;
  padding: 7px 12px;
}
body.guided-learning[data-lesson="h04"] .coach-strip > strong { font-size: 14px; }
body.guided-learning[data-lesson="h04"] .coach-strip p {
  min-width: 0;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-lesson="h04"] .apparatus-head .quiet-button { min-height: 32px; }
body[data-lesson="h04"] .scene-result-bar {
  position: static;
  grid-template-columns: repeat(4,minmax(0,1fr));
  width: auto;
  margin: 0 8px 6px;
  box-shadow: none;
}
body[data-lesson="h04"] .scene-wrap.results-visible {
  display: grid;
  grid-template-rows: minmax(138px,1fr) auto;
}
body[data-lesson="h04"] .scene-wrap.results-visible .scene-canvas-area {
  position: relative;
  inset: auto;
  min-height: 138px;
}
body[data-lesson="h04"] .scene-wrap.results-visible .scene-inspect { display: none; }
body[data-lesson="h04"] .live-graph {
  flex-basis: 118px;
  padding-bottom: 4px;
}
body[data-lesson="h04"] .live-graph-head { height: 20px; }
body[data-lesson="h04"] #live-plot { height: calc(100% - 48px); }
body[data-lesson="h04"] #live-plot-legend {
  height: 28px;
  overflow: hidden;
  align-content: start;
  line-height: 1.25;
}
body[data-lesson="h04"] .record-choice,
body[data-lesson="h04"] .record-choice span,
body[data-lesson="h04"] .record-choice small { min-width: 0; overflow-wrap: anywhere; }
body[data-lesson="h04"] #conclusion-plot { height: 178px; }

@media (min-width: 1001px) {
  body[data-lesson="h04"] .learning-page { padding-top: 6px; padding-bottom: 8px; }
  body[data-lesson="h04"] .learning-tools .quiet-button { min-height: 36px; }
}

@media (max-width: 1000px) {
  body[data-lesson="h04"] .scene-caption { display: none; }
  body[data-lesson="h04"] .scene-setting {
    left: 8px;
    right: 8px;
    max-width: none;
    text-align: center;
  }
  body[data-lesson="h04"] .preset-buttons,
  body[data-lesson="h04"] .studio-control.option-control .answer-options { flex-direction: column; }
  body[data-lesson="h04"] .scene-result-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-lesson="h04"] .scene-result-bar > span { border-right: 0; }
  body[data-lesson="h04"] .live-graph { flex-basis: 132px; }
}

@media (max-width: 700px) {
  body[data-lesson="h04"] .studio-title { align-items: flex-start; gap: 8px; }
  body[data-lesson="h04"] .studio-title h1 { font-size: 16px; }
  body[data-lesson="h04"] .learning-tools {
    flex: 0 0 190px;
    max-width: 190px;
    flex-direction: row;
    align-items: center;
    gap: 3px;
  }
  body[data-lesson="h04"] .learning-tools .quiet-button {
    flex: 1;
    min-width: 0;
    padding: 4px 5px;
    font-size: 11px;
  }
  body[data-lesson="h04"] .learning-tools .route-link { display: none; }
  body[data-lesson="h04"] .learning-page { grid-template-rows: auto 76px minmax(0,1fr); }
  body[data-lesson="h04"] .studio-tabs > button .studio-tab-label { display: none; }
  body[data-lesson="h04"] .studio-tab-label-short { display: inline; }
  body[data-lesson="h04"] .studio-tabs > button { white-space: nowrap; }
  body[data-lesson="h04"] .instrument-bar { flex-basis: 100px; }
  body[data-lesson="h04"] #trial-label { max-width: 132px; }
  body.guided-learning[data-lesson="h04"] .apparatus-hint { display: flex; flex-basis: 44px; }
  body.guided-learning[data-lesson="h04"] .coach-strip {
    grid-template-columns: auto minmax(0,1fr);
    row-gap: 2px;
    padding: 6px 9px;
  }
  body.guided-learning[data-lesson="h04"] .coach-strip p {
    grid-column: 1 / -1;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body[data-lesson="h04"] .live-graph {
    flex-basis: 136px;
    margin: 6px 6px 0;
    padding: 5px 6px 3px;
  }
  body[data-lesson="h04"] .live-graph-head {
    height: 34px;
    display: grid;
    justify-content: stretch;
    gap: 0;
    line-height: 1.3;
  }
  body[data-lesson="h04"] .live-graph-head small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body[data-lesson="h04"] #live-plot { height: calc(100% - 66px); }
  body[data-lesson="h04"] #live-plot-legend {
    height: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 6px;
    font-size: 8.5px;
  }
  body[data-lesson="h04"] #live-plot-legend i { width: 13px; }
  body[data-lesson="h04"] .scene-result-bar {
    margin: 0 6px 6px;
    gap: 4px;
    padding: 6px;
  }
  body[data-lesson="h04"] .scene-result-bar > span { padding: 0 4px; }
  body[data-lesson="h04"] .scene-wrap.results-visible {
    display: grid;
    grid-template-rows: minmax(156px,1fr) auto;
  }
  body[data-lesson="h04"] .scene-wrap.results-visible .scene-canvas-area {
    position: relative;
    inset: auto;
    min-height: 156px;
  }
  body[data-lesson="h04"] .scene-wrap.results-visible .scene-inspect { display: none; }
  body[data-lesson="h04"] .scene-wrap.results-visible .scene-setting {
    top: 4px;
    left: 6px;
    right: 6px;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
  }
  body[data-lesson="h04"] .apparatus.scene-results-visible { overflow: hidden; }
  body[data-lesson="h04"] .apparatus.scene-results-visible .coach-strip { display: none; }
  body[data-lesson="h04"] .scene-setting { display: none; }
  body[data-lesson="h04"] .scene-inspect { display: none; }
body[data-lesson="h04"] .conclusion-highlights { grid-template-columns: 1fr; }
}

/* H05: a paired drop tube and one switchable evidence plot stay on screen. */
.scene-motion-status {
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 3;
  max-width: calc(100% - 24px);
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255,253,247,.92);
  color: var(--body);
  font-size: 10px;
  line-height: 1.35;
  pointer-events: none;
}
body:not([data-lesson="h05"]):not([data-lesson="l13"]) .scene-motion-status { display: none; }
body[data-lesson="l13"] .scene-motion-status { top:10px; bottom:auto; font-size:14px; border-radius:9px; }
body[data-lesson="h05"] button,
body[data-lesson="h05"] summary,
body[data-lesson="h05"] .route-link,
body[data-lesson="h05"] .brand {
  min-height: 44px;
  touch-action: manipulation;
}
body[data-lesson="h05"] #play { min-height: 48px; }
body[data-lesson="h05"] .apparatus-head .quiet-button { min-height: 32px; }
body[data-lesson="h05"] .scene-caption { top: 9px; }
body[data-lesson="h05"] .scene-setting { top: 9px; }
body[data-lesson="h05"] .scene-inspect { display: none; }
body.guided-learning[data-lesson="h05"] .coach-strip {
  grid-template-columns: auto auto minmax(0,1fr);
  align-items: center;
  column-gap: 10px;
  padding: 7px 12px;
}
body.guided-learning[data-lesson="h05"] .coach-strip > strong { font-size: 14px; }
body.guided-learning[data-lesson="h05"] .coach-strip p {
  min-width: 0;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-lesson="h05"] .scene-result-bar {
  position: static;
  grid-template-columns: repeat(4,minmax(0,1fr));
  width: auto;
  margin: 0 8px 6px;
  padding: 6px 8px;
  box-shadow: none;
}
body[data-lesson="h05"] .scene-result-bar > span:nth-of-type(4) { border-right: 0; }
.scene-fit-unavailable,
.scene-result-tolerance {
  grid-column: 1 / -1;
  margin: 0;
  padding: 4px 6px 0;
  border-top: 1px solid var(--line);
  color: var(--body);
  font-size: 10px;
  line-height: 1.35;
}
.scene-fit-unavailable { color: var(--orange); font-weight: 600; }
body[data-lesson="h05"] .scene-wrap.results-visible {
  display: grid;
  grid-template-rows: minmax(128px,1fr) auto;
}
body[data-lesson="h05"] .scene-wrap.results-visible .scene-canvas-area {
  position: relative;
  inset: auto;
  min-height: 128px;
}
body[data-lesson="h05"] .live-graph {
  flex-basis: 158px;
  padding: 6px 9px 4px;
}
body[data-lesson="h05"] .live-graph-head {
  height: 42px;
  align-items: center;
}
body[data-lesson="h05"] .live-graph-head > span {
  min-width: 0;
  display: grid;
  gap: 1px;
}
body[data-lesson="h05"] .live-graph-head strong,
body[data-lesson="h05"] .live-graph-head small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-lesson="h05"] .live-graph-head small,
body[data-lesson="h05"] #live-plot-legend { font-size: 12px; }
body[data-lesson="h05"] #live-plot .plot-grid,
body[data-lesson="h05"] #live-plot .plot-x-ticks { font-size: 17px; }
body[data-lesson="h05"] #live-plot .plot-axis-labels { font-size: 16px; }
body[data-lesson="h05"] #live-plot-legend {
  height: 26px;
  overflow: hidden;
  gap: 3px 10px;
  align-content: center;
}
body[data-lesson="h05"] #live-plot { height: calc(100% - 68px); }
.live-graph-switch { display: flex; flex: 0 0 auto; gap: 4px; }
.graph-picker { display: grid; gap: 3px; min-width: 0; color: #53645b; font-size: 12px; }
.graph-picker select { min-height: 44px; max-width: 100%; padding: 8px 28px 8px 10px; border: 1px solid #d8dacd; border-radius: 8px; background: #fffdf7; color: #244c3e; font: inherit; font-size: 14px; }
.live-graph-switch button {
  min-height: 34px !important;
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: transparent;
  color: var(--body);
  font-size: 10px;
}
.live-graph-switch button[aria-pressed="true"] {
  border-color: var(--green);
  background: var(--soft);
  color: var(--green);
  font-weight: 600;
}
body[data-lesson="h05"] .authored-graph-legend .legend-objectB i { border-top-style: dashed; color: #486c97; }
body[data-lesson="h05"] .authored-graph-legend .legend-objectA i { color: #35694f; }
body[data-lesson="h05"] .authored-graph-legend .legend-fit i { border-top-width: 3px; }
.plot-pair-b { stroke-dasharray: 8 5; }
.plot-point-square { vector-effect: non-scaling-stroke; }
body[data-lesson="h05"] .overlap-marker {
  color: var(--green);
  font-size: 10px;
  white-space: nowrap;
}
.evidence-group { margin: 12px 0; }
.evidence-group table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.evidence-group caption {
  padding: 7px 9px;
  border-radius: 7px 7px 0 0;
  background: var(--soft);
  color: var(--green);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}
.evidence-group th {
  padding: 6px 9px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
  text-align: left;
}
.evidence-group td { padding: 0 8px; border-bottom: 1px solid var(--line); }
.evidence-group .record-choice { border-bottom: 0; }
body[data-lesson="h05"] .record-choice,
body[data-lesson="h05"] .record-choice span,
body[data-lesson="h05"] .record-choice small { min-width: 0; overflow-wrap: anywhere; }
body[data-lesson="h05"] .conclusion-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); }

@media (min-width: 1001px) {
  body[data-lesson="h05"] .learning-page { padding-top: 6px; padding-bottom: 8px; }
  body[data-lesson="h05"] .learning-tools .quiet-button { min-height: 36px; }
}

@media (max-width: 1000px) {
  body[data-lesson="h05"] .scene-caption { display: none; }
  body[data-lesson="h05"] .scene-setting {
    left: 8px;
    right: 8px;
    max-width: none;
    text-align: center;
  }
  body[data-lesson="h05"] .preset-buttons,
  body[data-lesson="h05"] .studio-control.option-control .answer-options { flex-direction: column; }
  body[data-lesson="h05"] .scene-result-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-lesson="h05"] .scene-result-bar > span { border-right: 0; }
  body[data-lesson="h05"] .live-graph { flex-basis: 170px; }
  body[data-lesson="h05"] .live-graph-head { height: 48px; align-items: stretch; }
  body[data-lesson="h05"] .live-graph-head > span { align-content: center; }
  body[data-lesson="h05"] #live-plot { height: calc(100% - 74px); }
  .live-graph-switch { align-items: stretch; }
  .live-graph-switch button { max-width: 92px; white-space: normal; line-height: 1.25; }
}

@media (max-width: 700px) {
  body[data-lesson="h05"] .studio-title { align-items: flex-start; gap: 8px; }
  body[data-lesson="h05"] .studio-title h1 { font-size: 16px; }
  body[data-lesson="h05"] .learning-tools {
    flex: 0 0 190px;
    max-width: 190px;
    flex-direction: row;
    align-items: center;
    gap: 3px;
  }
  body[data-lesson="h05"] .learning-tools .quiet-button {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    padding: 4px 5px;
    font-size: 11px;
  }
  body[data-lesson="h05"] .guide-navigation button { min-height: 44px; }
  body[data-lesson="h05"] .learning-tools .route-link { display: none; }
  body[data-lesson="h05"] .learning-page { grid-template-rows: auto 76px minmax(0,1fr); }
  body[data-lesson="h05"] .studio-tabs > button .studio-tab-label { display: none; }
  body[data-lesson="h05"] .studio-tab-label-short { display: inline; }
  body[data-lesson="h05"] .studio-tabs > button { white-space: nowrap; }
  body[data-lesson="h05"] .instrument-bar { flex-basis: 100px; }
  body[data-lesson="h05"] #trial-label { max-width: 120px; }
  body.guided-learning[data-lesson="h05"] .apparatus-hint { display: flex; flex-basis: 44px; }
  body.guided-learning[data-lesson="h05"] .coach-strip {
    grid-template-columns: auto minmax(0,1fr);
    row-gap: 2px;
    padding: 5px 8px;
  }
  body.guided-learning[data-lesson="h05"] .coach-strip p {
    grid-column: 1 / -1;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  body[data-lesson="h05"] .live-graph {
    flex-basis: 166px;
    margin: 5px 6px 0;
    padding: 4px 5px 3px;
  }
  body[data-lesson="h05"] .live-graph-head {
    height: 54px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 4px;
  }
  body[data-lesson="h05"] .live-graph-head small { display: none; }
  body[data-lesson="h05"] #live-plot { height: calc(100% - 76px); }
  body[data-lesson="h05"] #live-plot-legend {
    height: 22px;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 8px;
  }
  body[data-lesson="h05"] #live-plot-legend .legend-fit { display: none; }
  .live-graph-switch button {
    min-height: 44px !important;
    max-width: 78px;
    padding: 3px 5px;
    font-size: 9px;
  }
  body[data-lesson="h05"] .scene-result-bar {
    margin: 0 6px 5px;
    gap: 3px;
    padding: 5px;
  }
  body[data-lesson="h05"] .scene-result-bar small { min-height: 14px; font-size: 9px; }
  body[data-lesson="h05"] .scene-result-bar strong { font-size: 12px; }
  body[data-lesson="h05"] .scene-result-tolerance { font-size: 8.5px; }
  body[data-lesson="h05"] .apparatus.scene-results-visible .coach-strip { display: none; }
  body[data-lesson="h05"] .apparatus.scene-results-visible .apparatus-hint { display: none; }
  body[data-lesson="h05"] .scene-wrap.results-visible {
    min-height: 235px;
    grid-template-rows: minmax(135px,1fr) auto;
  }
  body[data-lesson="h05"] .scene-wrap.results-visible .scene-canvas-area { min-height: 135px; }
  body[data-lesson="h05"] .scene-setting { display: none; }
  body[data-lesson="h05"] .scene-motion-status { left: auto; right: 7px; bottom: 5px; font-size: 9px; }
  body[data-lesson="h05"] .conclusion-highlights { grid-template-columns: 1fr; }
}
/* H06: a tall apparatus needs a full-height view beside its evidence plot. */
body.studio:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) :is(button, summary, .route-link, .brand) {
  min-height: 44px;
  min-width: 44px;
  touch-action: manipulation;
}
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .route-link { display: inline-flex; align-items: center; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .header a { display: inline-flex; align-items: center; min-height: 44px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #mobile-stage { min-width: 0; width: 38%; min-height: 44px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); color: var(--green); font: inherit; font-size: 12px; padding: 3px 5px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .learning-page { grid-template-rows: auto 44px minmax(0,1fr); }
body.guided-learning:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .coach-strip { padding: 7px 12px; gap: 2px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .coach-strip > span { display: none; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .coach-strip > strong { font-size: 14px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .coach-strip p { font-size: 12px; line-height: 1.5; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .apparatus-head { flex: 0 0 44px; padding: 0 12px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-stack {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
  gap: 8px;
  padding: 0 10px;
}
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-wrap { margin: 0; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-caption { display: none; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-setting { top: auto; bottom: 8px; left: 8px; right: 8px; max-width: none; text-align: center; font-size: 10px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-inspect { display: none; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .live-graph {
  margin: 0;
  padding: 9px;
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto auto;
  gap: 6px;
}
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .live-graph-head { height: auto; display: grid; gap: 2px; font-size: 13px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .live-graph-head small { font-size: 11px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #live-plot { height: auto; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #live-plot-legend { gap: 4px 12px; font-size: 11px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-result-bar {
  position: static;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2px;
  margin: 0;
  padding: 6px 2px;
  box-shadow: none;
  background: var(--soft);
}
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-result-bar > span { padding: 0 4px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-result-bar small { font-size: 10px; white-space: normal; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-result-bar strong { font-size: 13px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .trial-strip { flex-basis: 48px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #trial-tabs button { min-height: 44px; max-width: 175px; font-size: 11px; white-space: normal; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #play { min-height: 48px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .apparatus-hint { flex-basis: 30px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .authored-graph-legend .legend-loading i { width: 7px; height: 7px; border: 0; border-radius: 50%; background: var(--green); }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .authored-graph-legend .legend-unloading i { width: 7px; height: 7px; border: 1.5px solid var(--green); transform: rotate(45deg); }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .authored-graph-legend .legend-boundary i { color: var(--orange); border-top-style: dashed; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #conclusion-plot { height: 220px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .conclusion-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #conclusion-plot-legend { gap: 5px; font-size: 11px; }
body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .preset-buttons { flex-direction: column; }
@media (max-width: 1000px) {
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) 230px; gap: 6px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .live-graph { padding: 6px 8px; gap: 4px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .live-graph-head small { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #trial-label { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .learning-tools { gap: 4px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .instrument-bar { flex-basis: 108px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) #play { max-width: none; flex: 1; }
}
@media (max-width: 700px) {
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .header { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .learning-page { grid-template-rows: auto 48px minmax(0,1fr); }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .studio-title { display: block; padding: 0 2px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .studio-title h1 { font-size: 17px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .learning-tools { flex-direction: row; justify-content: space-between; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .studio-tabs > button { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .studio-tab-label-short { display: inline; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-stack { grid-template-rows: minmax(0,1fr) 236px; padding: 0 6px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .coach-strip p { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-caption { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .scene-setting { display: none; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .instrument-bar { flex-basis: 100px; padding: 6px 10px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .instruments strong { font-size: 19px; }
  body:is([data-lesson="h06"],[data-lesson="h07"],[data-lesson="h08"],[data-lesson="h09"],[data-lesson="h10"],[data-lesson="h11"],[data-lesson="h12"],[data-lesson="h13"]) .trial-strip:has(#trial-tabs:empty) { display: none; }
}
/* Keep graph switching compact beside the H07 apparatus on desktop. */
@media (min-width: 701px) {
  /* Reserve space for the apparatus caption instead of covering force labels. */
  body[data-lesson="h07"] #scene { height: calc(100% - 36px); bottom: 36px; }
}
body[data-lesson="h07"] .live-graph-head { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
body[data-lesson="h07"] .live-graph-head > span { display: grid; gap: 2px; }
body[data-lesson="h07"] .live-graph-switch { display: flex; gap: 4px; }
body[data-lesson="h07"] .live-graph-switch button { min-width: 76px; min-height: 44px; font-size: 12px; }
body[data-lesson="h07"] .authored-graph-legend .legend-friction i { color: var(--orange); border-top-style: dashed; }

/* H08 keeps object selection outside the camera's drawable area. */
body[data-lesson="h08"] .scene-stack { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); }
body[data-lesson="h08"] .research-objects { position: absolute; inset: 0 0 auto; height: 48px; display: flex; justify-content: center; gap: 6px; padding: 2px 6px; z-index: 3; }
body[data-lesson="h08"] .research-objects button { min-height: 44px; flex: 1; max-width: 145px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); font-size: 12px; }
body[data-lesson="h08"] .research-objects button[aria-pressed="true"] { border-color: var(--green); box-shadow: inset 0 0 0 1px var(--green); background: #e4ebe2; font-weight: 600; }
body[data-lesson="h08"] #scene { inset: 48px 0 36px; height: calc(100% - 84px); }
body[data-lesson="h08"] .live-graph-head { display: grid; gap: 5px; }
body[data-lesson="h08"] .live-graph-head > span { display: none; }
body[data-lesson="h08"] .live-graph-switch { display: flex; gap: 3px; }
body[data-lesson="h08"] .live-graph-switch button { flex: 1; min-height: 44px; padding: 3px; font-size: 11px; }
body[data-lesson="h08"] .scene-result-bar { grid-template-columns: .7fr 1.3fr; }
body[data-lesson="h08"] .authored-graph-legend .legend-interactionA { color: #35694f; }
body[data-lesson="h08"] .authored-graph-legend .legend-interactionB { color: #b9653d; }
body[data-lesson="h08"] .authored-graph-legend .legend-interactionB i { border-top-style: dashed; }
/* H09: the apparatus stays large; recorded diagrams move to the learning view on phones. */
body[data-lesson="h09"] .scene-stack { grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
body[data-lesson="h09"] .live-graph { grid-template-rows: auto minmax(0,1fr); }
body[data-lesson="h09"] .force-representations { display: flex; flex: 1; max-width: 450px; gap: 5px; padding: 2px 0; }
body[data-lesson="h09"] .apparatus-head { gap: 8px; padding: 2px 10px; flex-basis: 50px; }
body[data-lesson="h09"] .apparatus-head > div:first-child { display: none; }
body[data-lesson="h09"] .force-representations button { flex: 1; min-height: 44px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); font-size: 12px; }
body[data-lesson="h09"] .force-representations button[aria-pressed="true"] { border-color: var(--green); background: #e4ebe2; font-weight: 600; }
body[data-lesson="h09"] .force-representations button:disabled { opacity: .48; }
body[data-lesson="h09"] .force-representation-note { position: absolute; inset: auto 8px 5px; text-align: center; font-size: 11px; line-height: 1.4; color: #53645b; }
body[data-lesson="h09"] #scene { inset: 0 0 38px; height: calc(100% - 38px); }
body[data-lesson="h09"] #trial-label { display: none; }
body[data-lesson="h09"] .trial-strip:has(#trial-tabs:empty) { display: none; }
body[data-lesson="h09"] .scene-setting { display: none; }
body[data-lesson="h09"] .live-graph-head strong { display: none; }
body[data-lesson="h09"] .live-graph-head { gap: 4px; }
body[data-lesson="h09"] .graph-picker { display: flex; align-items: center; gap: 6px; }
body[data-lesson="h09"] .graph-picker select { flex: 1; min-width: 0; }
body[data-lesson="h09"] #conclusion-plot { min-height: 280px; }
@media (max-width: 1000px) {
  body[data-lesson="h09"] .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) 260px; }
}
@media (max-width: 700px) {
  body[data-lesson="h09"] .scene-stack { grid-template-rows: minmax(0,1fr); }
  body[data-lesson="h09"] .live-graph { display: none; }
  body[data-lesson="h09"] .instrument-bar { flex-basis: 112px; }
  body[data-lesson="h09"] .instruments strong { font-size: 18px; }
}
@media (max-width: 1000px) {
  body[data-lesson="h08"] .scene-stack { grid-template-columns: minmax(0,1fr); }
  body[data-lesson="h08"] .research-objects { padding-right: 94px; gap: 4px; }
  body[data-lesson="h08"] .research-objects button { min-width: 0; padding-inline: 3px; white-space: nowrap; }
}
@media (max-width: 700px) {
  body[data-lesson="h08"] #scene { bottom: 0; height: calc(100% - 48px); }
  body[data-lesson="h08"] .live-graph-head > span { display: none; }
}
@media (min-width: 701px) and (max-width: 1000px) and (max-height: 500px) {
  body[data-lesson="h08"] .research-objects { padding-right: 6px; }
  body[data-lesson="h08"] #scene-expand { top: 54px; }
}

/* H10 keeps the traction apparatus primary, with detailed graphs on the learning page on phones. */
body[data-lesson="h10"] .scene-stack { grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
body[data-lesson="h10"] .scene-wrap { display: flex; flex-direction: column; }
body[data-lesson="h10"] .scene-canvas-area { position: relative; inset: auto; flex: 1; min-height: 0; }
body[data-lesson="h10"] .scene-result-bar { grid-template-columns: repeat(4,minmax(0,1fr)); flex: 0 0 auto; }
body[data-lesson="h10"] .live-graph { grid-template-rows: auto minmax(0,1fr) auto; }
body[data-lesson="h10"] .live-graph-head > span { display: none; }
body[data-lesson="h10"] .graph-picker { display: flex; align-items: center; gap: 6px; }
body[data-lesson="h10"] .graph-picker select { flex: 1; min-width: 0; }
body[data-lesson="h10"] .scene-setting, body[data-lesson="h10"] #trial-label { display: none; }
body[data-lesson="h10"] .trial-strip:has(#trial-tabs:empty) { display: none; }
@media (max-width: 1000px) {
  body[data-lesson="h10"] .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) 230px; }
}
@media (max-width: 700px) {
  body[data-lesson="h10"] .scene-stack { grid-template-rows: minmax(0,1fr); }
  body[data-lesson="h10"] .live-graph { display: none; }
  body[data-lesson="h10"] .instrument-bar { flex-basis: 116px; }
  body[data-lesson="h10"] .coach-strip p { display: block; }
}

/* H10 calculation choices stay in the learning panel, separate from apparatus controls. */
.newton-correction { margin: 18px 0; border-top: 1px solid var(--line); }
.newton-correction summary { min-height: 44px; padding: 12px 0; cursor: pointer; color: var(--green); }
.newton-correction fieldset { margin: 12px 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; }
.newton-correction label { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.newton-correction input { width: 20px; height: 20px; accent-color: var(--green); }
.newton-correction table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.newton-correction caption { text-align: left; padding: 6px 0; font-size: 12px; color: var(--muted); }
.newton-correction th, .newton-correction td { padding: 8px 4px; border-bottom: 1px solid var(--line); text-align: left; overflow-wrap: anywhere; }
.newton-correction td { font-variant-numeric: tabular-nums; }
.newton-correction td small { display: block; color: var(--muted); }
.newton-correction .newton-formula { padding: 8px; background: var(--soft); border-radius: 6px; }

.dynamics-equations { margin: 14px 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
.dynamics-equations ol { margin: 10px 0; padding-left: 22px; line-height: 1.7; }
.dynamics-equations li { padding: 4px 0; overflow-wrap: anywhere; }
.dynamics-equations .dynamics-conditions { margin: 0; color: var(--muted); }
.dynamics-equations .dynamics-prediction { margin-bottom: 0; color: var(--green); font-weight: 600; }

/* H12 keeps the full shaft in view; live values sit outside the 3D canvas. */
body[data-lesson="h12"] .scene-stack { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); }
body[data-lesson="h12"] .apparatus-head { display: none; }
body[data-lesson="h12"] .coach-strip { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; padding: 3px 12px 7px; }
body[data-lesson="h12"] .coach-strip > p { grid-column: 1 / -1; }
body[data-lesson="h12"] #restore-view { font-size: 12px; padding: 4px 6px; }
body[data-lesson="h12"] .scene-wrap { display: flex; flex-direction: column; }
body[data-lesson="h12"] .scene-canvas-area { position: relative; flex: 1; min-height: 0; inset: auto; }
body[data-lesson="h12"] :is(.scene-motion-status,.analysis-steps,#trial-label) { display: none; }
body[data-lesson="h12"] .elevator-motion-readout { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; flex: 0 0 auto; padding: 6px 12px; border-top: 1px solid var(--line); }
body[data-lesson="h12"] .elevator-motion-readout span { display: grid; gap: 2px; text-align: center; }
body[data-lesson="h12"] .elevator-motion-readout small { font-size: 11px; color: var(--muted); }
body[data-lesson="h12"] .elevator-motion-readout strong { font-size: 16px; color: var(--green); font-variant-numeric: tabular-nums; }
body[data-lesson="h12"] .elevator-scene-conditions { margin: 0; padding: 4px 8px 7px; text-align: center; font-size: 12px; line-height: 1.5; }
body[data-lesson="h12"] #elevator-equations { margin: 14px 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
body[data-lesson="h12"] #elevator-equations ol { padding-left: 22px; line-height: 1.8; overflow-wrap: anywhere; }
body[data-lesson="h12"] .elevator-conditions { color: var(--muted); line-height: 1.6; }
body[data-lesson="h12"] .live-graph { grid-template-rows: auto minmax(0,1fr) auto; }
body[data-lesson="h12"] .live-graph-head > span { display: none; }
body[data-lesson="h12"] .live-graph-head .graph-picker { display: flex; align-items: center; gap: 10px; }
body[data-lesson="h12"] .live-graph-head .graph-picker select { flex: 1; min-width: 0; }
body[data-lesson="h12"] .trial-strip:has(#trial-tabs:empty) { display: none; }
@media (max-width: 1000px) and (min-width: 701px) {
  body[data-lesson="h12"] .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) 215px; }
}
@media (max-width: 700px) {
  body[data-lesson="h12"] .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); }
  body[data-lesson="h12"] .live-graph { display: none; }
  body[data-lesson="h12"] .coach-strip p { display: block; }
  body[data-lesson="h12"] .instrument-bar { flex-basis: 112px; }
  body[data-lesson="h12"] .elevator-motion-readout { padding: 5px 8px; }
  body[data-lesson="h12"] .elevator-scene-conditions { font-size: 11px; }
}

body[data-lesson="h11"] .scene-stack { grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
body[data-lesson="h11"] .scene-wrap { display: flex; flex-direction: column; }
body[data-lesson="h11"] .scene-canvas-area { position: relative; inset: auto; flex: 1; min-height: 0; }
body[data-lesson="h11"] .scene-setting, body[data-lesson="h11"] .analysis-steps { display: none; }
body[data-lesson="h11"] #trial-label, body[data-lesson="h11"] .apparatus-head > div:first-child { display: none; }
body[data-lesson="h11"] .research-objects { display: flex; justify-content: center; flex: 0 0 auto; gap: 6px; padding: 4px; }
body[data-lesson="h11"] .research-objects button { min-height: 44px; flex: 1; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--green); font: inherit; font-size: 12px; }
body[data-lesson="h11"] .research-objects button[aria-pressed="true"] { background: #e4ebe2; border-color: var(--green); box-shadow: inset 0 0 0 1px var(--green); font-weight: 600; }
body[data-lesson="h11"] .dynamics-guide-objects { display: none; }
body[data-lesson="h11"] .apparatus-head > .research-objects { flex: 1; }
body[data-lesson="h11"] .dynamics-scene-conditions { flex: 0 0 auto; margin: 0; padding: 7px; text-align: center; font-size: 12px; line-height: 1.5; background: var(--soft); }
body[data-lesson="h11"] .force-representations { display: flex; gap: 5px; }
body[data-lesson="h11"] .force-representations button { min-height: 44px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--green); font: inherit; font-size: 12px; padding: 3px 8px; }
body[data-lesson="h11"] .force-representations button[aria-pressed="true"] { background: #e4ebe2; border-color: var(--green); }
body[data-lesson="h11"] .force-representation-note { flex: 0 0 auto; padding: 5px 8px; text-align: center; font-size: 12px; line-height: 1.4; color: var(--green); }
body[data-lesson="h11"] .live-graph { grid-template-rows: auto minmax(0,1fr) auto; }
body[data-lesson="h11"] .live-graph-head > span { display: none; }
body[data-lesson="h11"] .trial-strip:has(#trial-tabs:empty) { display: none; }
@media (max-width: 1000px) {
  body[data-lesson="h11"] .scene-stack { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr) 220px; }
}
@media (max-width: 700px) {
  body[data-lesson="h11"] .scene-stack { grid-template-rows: minmax(0,1fr); }
  body[data-lesson="h11"] .live-graph { display: none; }
  body[data-lesson="h11"] .coach-strip p { display: block; }
  body[data-lesson="h11"] .dynamics-guide-objects { display: flex; }
  body[data-lesson="h11"] .instrument-bar { flex-basis: 116px; }
  body[data-lesson="h11"] .apparatus-head { padding: 0 6px; gap: 4px; }
}

/* H13 keeps the apparatus and one plot visible; comparison tools show on evidence pages. */
body[data-lesson="h13"] .scene-stack { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); grid-template-rows: minmax(0,1fr); }
body[data-lesson="h13"] .scene-wrap { display:flex; flex-direction:column; min-height:0; }
body[data-lesson="h13"] .scene-canvas-area { position:relative; inset:auto; flex:1; min-height:0; }
body[data-lesson="h13"] :is(.scene-motion-status,.analysis-steps,#trial-label) { display:none; }
body[data-lesson="h13"] .apparatus-head { min-height:44px; gap:6px; padding:0 8px; }
body[data-lesson="h13"] .apparatus-head > div:first-child { display:none; }
body[data-lesson="h13"] .force-representations { display:flex; gap:6px; }
body[data-lesson="h13"] .force-representations button { min-height:44px; border:1px solid var(--line); border-radius:7px; padding:4px 9px; background:var(--paper); color:var(--green); font:inherit; font-size:13px; }
body[data-lesson="h13"] .force-representations button[aria-pressed="true"] { background:var(--soft); border-color:var(--green); }
body[data-lesson="h13"] .workpower-guide-representations { margin-bottom:12px; }
body[data-lesson="h13"] .workpower-scene-conditions { margin:0; flex:0 0 auto; padding:7px 8px; text-align:center; font-size:12px; line-height:1.5; background:var(--soft); }
body[data-lesson="h13"] .force-representation-note { position:static; flex:0 0 auto; padding:5px 8px; font-size:12px; line-height:1.5; text-align:center; }
body[data-lesson="h13"] #workpower-equations { margin:12px 0; padding:12px; border:1px solid var(--line); background:var(--soft); border-radius:8px; }
body[data-lesson="h13"] #workpower-equations ol { padding-left:22px; line-height:1.8; overflow-wrap:anywhere; }
body[data-lesson="h13"] .live-graph { display:flex; flex-direction:column; min-height:0; }
body[data-lesson="h13"] #live-plot { flex:1; min-height:115px; }
body[data-lesson="h13"] .live-graph-head > span { display:none; }
body[data-lesson="h13"] .graph-picker { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
body[data-lesson="h13"] .graph-picker select { flex:1; min-width:0; min-height:44px; }
body[data-lesson="h13"] .graph-picker[hidden] { display:none; }
body[data-lesson="h13"] [data-comparison-count] { width:100%; font-size:11px; color:var(--muted); }
body[data-lesson="h13"] .studio-plot-legend { font-size:11px; gap:4px 12px; flex:0 0 auto; }
body[data-lesson="h13"] .live-graph-head, body[data-lesson="h13"] [data-record-comparison] { flex:0 0 auto; }
body[data-lesson="h13"] [data-comparison-count][hidden] { display:none; }
body[data-lesson="h13"] .trial-strip:has(#trial-tabs:empty) { display:none; }
@media (min-width:701px) and (max-width:1000px) {
  body[data-lesson="h13"] .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) 265px; }
}
@media (max-width:700px) {
  body[data-lesson="h13"] .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
  body[data-lesson="h13"] .live-graph { display:none; }
  body[data-lesson="h13"] .coach-strip p { display:block; }
  body[data-lesson="h13"] .instrument-bar { flex-basis:112px; }
}

/* E41: the optional diagram stays inside the scrolling guide. */
/* H14 keeps the cart large; the graph remains available on the learning page on phones. */
body[data-lesson="h14"] .scene-stack { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
body[data-lesson="h14"] .scene-wrap { display:flex; flex-direction:column; min-height:0; }
body[data-lesson="h14"] .scene-canvas-area { position:relative; inset:auto; flex:1; min-height:0; }
body[data-lesson="h14"] .workenergy-scene-conditions { margin:0; padding:7px 9px; background:var(--soft); text-align:center; font-size:12px; line-height:1.5; }
body[data-lesson="h14"] #workenergy-equations { margin:12px 0; padding:12px; border:1px solid var(--line); background:var(--soft); border-radius:8px; }
body[data-lesson="h14"] #workenergy-equations ol { padding-left:22px; line-height:1.8; overflow-wrap:anywhere; }
body[data-lesson="h14"] .live-graph { display:flex; flex-direction:column; min-height:0; }
body[data-lesson="h14"] .live-graph-head { height:auto; min-height:48px; align-items:center; flex:0 0 auto; }
body[data-lesson="h14"] #live-plot { height:auto; flex:1; min-height:115px; }
body[data-lesson="h14"] .live-graph-head > span { display:none; }
body[data-lesson="h14"] .graph-picker { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
body[data-lesson="h14"] .graph-picker select { flex:1; min-width:0; min-height:44px; }
body[data-lesson="h14"] .graph-picker[hidden], body[data-lesson="h14"] [data-comparison-count][hidden] { display:none; }
body[data-lesson="h14"] [data-comparison-count] { width:100%; font-size:11px; color:var(--muted); }
body[data-lesson="h14"] .studio-plot-legend { font-size:11px; gap:4px 12px; }
body[data-lesson="h14"] .trial-strip:has(#trial-tabs:empty) { display:none; }
body[data-lesson="h14"] #play { min-height:48px; }
@media (min-width:701px) and (max-width:1000px) {
  body[data-lesson="h14"] .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) 265px; }
}
@media (max-width:700px) {
  body[data-lesson="h14"] .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
  body[data-lesson="h14"] .live-graph { display:none; }
  body[data-lesson="h14"] .coach-strip p { display:block; }
  body[data-lesson="h14"] .instrument-bar { flex-basis:112px; }
}

/* E41: the optional diagram stays inside the scrolling guide. */
body[data-lesson="e41"] .force-representations { display:flex; gap:6px; }
body[data-lesson="e41"] .force-representations button { min-height:48px; padding:4px 9px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); font:inherit; font-size:13px; }
body[data-lesson="e41"] .force-representations button[aria-pressed="true"] { background:var(--soft); border-color:var(--green); }
body[data-lesson="e41"] .force-representation-note { position:absolute; inset:auto 8px 6px; padding:4px; font-size:12px; line-height:1.5; text-align:center; color:var(--green); background:var(--paper); border-radius:6px; }
body[data-lesson="e41"] .incline-diagram { margin:8px 0; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
body[data-lesson="e41"] .incline-diagram p { margin:8px 10px 0; font-size:13px; }
body[data-lesson="e41"] .incline-diagram svg { display:block; width:220px; height:160px; max-width:100%; margin:auto; touch-action:none; user-select:none; font-size:14px; fill:var(--green); }
body[data-lesson="e41"] [data-incline-handle] { cursor:grab; }
body[data-lesson="e41"] [data-incline-handle]:focus-visible [data-incline-dot] { stroke:#d5903d; stroke-width:4px; }
body[data-lesson="e41"] .incline-diagram-legend { font-size:12px; }

/* Timing: readings and event/stopwatch intervals share one visible board. */
.timing-equation { font-size:19px; font-weight:700; margin:12px 0; }
.timing-calculation { font-size:18px; line-height:1.6; font-variant-numeric:tabular-nums; margin:8px 0; }
.timing-calculation strong { font-size:22px; white-space:nowrap; }
.timing-calculation small { display:block; font-size:14px; }
.timing-timeline { display:block; width:100%; max-height:145px; margin:8px 0; font-size:13px; fill:var(--green); }
.timing-results { margin:10px 0; border-block:1px solid var(--line); font-size:13px; }
.timing-results summary { min-height:44px; padding:10px 0; cursor:pointer; }
.timing-results summary small { font-weight:400; margin-left:5px; }
.timing-results table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.timing-results :is(th,td) { padding:8px 3px; text-align:right; border-bottom:1px solid var(--line); white-space:nowrap; }
.timing-results th:first-child { text-align:left; }
.timing-results p { line-height:1.6; }
/* The narrated board supplies the event rule; keep the timer's own label clear. */
body[data-voice-lesson="timing"].lesson-voice .scene-caption { display:none; }
@media(max-width:600px){
 body[data-voice-lesson="timing"] .narration-board .teaching-label { display:none; }
 body[data-voice-lesson="timing"].lesson-voice:not(.voice-concluded) .narration-board { max-height:none; }
 body[data-voice-lesson="timing"] .timing-readings dd { font-size:19px; }
 body[data-voice-lesson="timing"] .timing-timeline { max-height:130px; margin:4px 0; }
 body[data-voice-lesson="timing"] .narration-board:has(.timing-timeline) .timing-readings { display:flex; gap:20px; margin:8px 0; }
 body[data-voice-lesson="timing"] .narration-board:has(.timing-timeline) .timing-readings > div { display:flex; align-items:baseline; gap:6px; }
 body[data-voice-lesson="timing"] .narration-board:has(.timing-timeline) .timing-readings dt { font-size:12px; }
 body[data-voice-lesson="timing"] .narration-board:has(.timing-timeline) .timing-readings dd { margin:0; font-size:17px; }
 body[data-voice-lesson="timing"] .timing-calculation small { display:inline; margin-left:10px; }
 body[data-voice-lesson="timing"] .timing-calculation { font-size:16px; margin:4px 0; }
 body[data-voice-lesson="timing"] .timing-calculation strong { font-size:20px; }
}

/* Narrated lessons: one scene, one caption, one primary action. */
html body.studio[data-voice-lesson].lesson-voice:not(.scene-expanded) .learning-page { grid-template-rows: auto minmax(0,1fr); }
body[data-voice-lesson].lesson-voice .studio-tabs,
body[data-voice-lesson].lesson-voice .guide-panel,
body[data-voice-lesson].lesson-voice .coach-strip,
body[data-voice-lesson].lesson-voice .apparatus-head,
body[data-voice-lesson].lesson-voice .trial-strip,
body[data-voice-lesson].lesson-voice .apparatus-hint,
body[data-voice-lesson].lesson-voice #restart,
body[data-voice-lesson].lesson-voice #inspect-object { display: none; }
body[data-voice-lesson].lesson-voice .studio-workspace { grid-template-columns: minmax(0,1fr); grid-column: 1 / -1; }
body[data-voice-lesson] :is(.narration-route,.narration-board,.narration-controls) { display:none; }
body[data-voice-lesson].lesson-voice .narration-route { flex:0 0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 26px; margin:0; list-style:none; border-bottom:1px solid var(--line); background:#fffdf7; }
.narration-route li { display:flex; align-items:center; gap:10px; min-height:48px; color:#738076; font-size:13px; border-bottom:2px solid transparent; }
.narration-route li span { font-size:11px; font-variant-numeric:tabular-nums; opacity:.8; }
.narration-route li b { font-weight:500; }
.narration-route li[aria-current] { color:var(--green); border-color:var(--green); }
.narration-route li[aria-current] b { font-weight:700; }
.narration-route li.is-done { color:var(--green); }
body[data-voice-lesson].lesson-voice .scene-stack { display:grid; grid-template-columns:minmax(0,1fr) clamp(260px,28%,330px); background:#f0f0e8; }
body[data-voice-lesson].lesson-voice .scene-wrap { margin:0; border:0; border-radius:0; min-width:0; }
body[data-voice-lesson].lesson-voice .narration-board { display:flex; flex-direction:column; justify-content:safe center; min-height:0; min-width:0; overflow:auto; padding:20px 24px; background:linear-gradient(100deg,#f0f0e8,#f7f5ed 18%); }
.narration-board h3 { margin:9px 0 20px; color:var(--green); font-size:clamp(21px,2.1vw,28px); line-height:1.4; font-weight:650; text-wrap:balance; }
.teaching-label { color:#667267; font-size:12px; letter-spacing:.05em; }
.teaching-note { font-size:14px; line-height:1.65; margin:16px 0 0; color:#526158; }
.teaching-key { font-size:18px; line-height:1.6; color:var(--green); }
.teaching-intro { list-style:none; margin:0; padding:0; counter-reset:lesson-step; }
.teaching-intro li { display:flex; align-items:baseline; gap:10px; margin:12px 0; font-size:15px; line-height:1.6; }
.teaching-intro li::before { counter-increment:lesson-step; content:counter(lesson-step); color:#8c6249; font-size:12px; }
.teaching-object { display:flex; gap:14px; align-items:center; color:var(--green); font-size:16px; padding-top:12px; border-top:1px solid #d9dcd2; }
.teaching-object i { font-style:normal; color:#a06c4c; }
.teaching-condition { display:flex; gap:12px; align-items:baseline; color:var(--green); }
.teaching-condition strong { font-size:48px; font-weight:550; letter-spacing:-.04em; }
.teaching-condition span { font-size:13px; }
.teaching-directions,.teaching-recap { margin:0; }
.teaching-directions > div,.teaching-recap > div { padding:12px 0; border-bottom:1px solid #d9dcd2; }
.teaching-directions dt,.teaching-recap dt { color:var(--green); font-size:16px; font-weight:650; }
.teaching-directions dd,.teaching-recap dd { margin:5px 0 0; font-size:14px; line-height:1.5; color:#526158; }
.teaching-force-pair { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(4,auto); gap:5px 20px; }
.teaching-force-pair > div { min-width:0; display:grid; grid-template-rows:subgrid; grid-row:1 / 5; gap:5px; }
.teaching-force-pair span { font-size:13px; line-height:1.4; }
.teaching-force-pair strong { font-size:25px; line-height:1.2; font-weight:650; white-space:nowrap; }
.teaching-force-pair small { font-size:12px; line-height:1.3; }
.teaching-friction { color:#2a6c68; }
.teaching-gravity { color:#a25837; }
.teaching-force-pair i { display:block; width:var(--force-length); height:2px; background:currentColor; position:relative; margin:10px 0; }
.teaching-force-pair i::after { content:''; display:block; position:absolute; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; right:0; top:-3px; transform:rotate(45deg); }
.teaching-friction i { justify-self:end; }
.teaching-friction i::after { left:0; right:auto; transform:rotate(-135deg); }
.teaching-equation { font-size:27px; line-height:1.2; font-weight:600; color:var(--green); border-top:1px solid #d9dcd2; margin:22px 0 0; padding-top:15px; }
.teaching-equation small { font-size:15px; font-weight:400; }
.instrument-readings { list-style:none; padding:0; margin:12px 0; }
.instrument-readings li { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; color:var(--muted); }
.instrument-readings strong { font-size:21px; color:var(--green); font-weight:600; font-variant-numeric:tabular-nums; }
.instrument-readings small { font-size:13px; font-weight:400; }
.instrument-endpoints dd { font-size:23px; color:var(--green); font-variant-numeric:tabular-nums; }
.instrument-equation { font-size:21px; }
.instrument-calculation { color:var(--green); font-size:18px; line-height:1.7; font-variant-numeric:tabular-nums; }
.instrument-calculation strong { display:inline; font-size:22px; }
.instrument-results { margin-block:12px; border-block:1px solid var(--line); color:var(--green); font-size:13px; }
.instrument-results summary { min-height:44px; padding:12px 0; cursor:pointer; }
.instrument-results summary small { display:block; padding-top:4px; color:var(--muted); font-weight:400; }
.instrument-results table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.instrument-results :is(th,td) { text-align:right; padding:8px 4px; border-bottom:1px solid var(--line); }
.instrument-results th:first-child { text-align:left; }
.instrument-results p { line-height:1.6; }
#narration-check h3 { font-size:18px; margin:16px 0 10px; }
#narration-check p { font-size:14px; line-height:1.7; }
#narration-check .answer-options { display:grid; gap:8px; }
#narration-check .answer-options button { min-height:48px; text-align:left; }
#narration-check #completion { font-size:13px; line-height:1.6; }
body[data-voice-lesson].lesson-voice.voice-concluded .narration-board { justify-content:flex-start; }
body[data-voice-lesson].lesson-voice.voice-concluded :is(.incline-narration,.narration-controls) { display:none; }
body[data-voice-lesson].lesson-voice.voice-concluded .instrument-bar { justify-content:flex-end; }
body[data-voice-lesson].lesson-voice.voice-concluded .narration-board h3 { font-size:21px; margin:4px 0 12px; }
.teaching-limit > div { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:18px; font-size:13px; color:var(--green); }
.teaching-limit strong { font-size:16px; white-space:nowrap; }
.teaching-limit i { grid-column:1/-1; height:5px; background:#387b72; border-radius:3px; }
.teaching-limit > div+div i { background:repeating-linear-gradient(90deg,#a0afa4 0 5px,transparent 5px 8px); }
body[data-voice-lesson] .incline-narration { flex:0 0 auto; display:grid; grid-template-columns:minmax(170px,.7fr) minmax(0,2fr); gap:26px; padding:18px 28px 8px; border-top:1px solid var(--line); background:#fffdf7; }
body[data-voice-lesson] .narration-meta { display:flex; flex-wrap:wrap; gap:6px 12px; color:var(--muted); font-size:11px; line-height:1.5; }
body[data-voice-lesson] .incline-narration h2 { margin:7px 0 0; font-size:17px; line-height:1.4; color:var(--green); }
body[data-voice-lesson] #narration-caption { margin:0; font-size:16px; line-height:1.75; min-height:3.5em; max-height:7em; overflow:auto; }
body[data-voice-lesson].lesson-voice .narration-controls { display:flex; gap:8px; margin-right:auto; order:-1; }
body[data-voice-lesson] .narration-controls button { min-height:44px; }
body[data-voice-lesson] #narration-observation { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:20px; color:var(--green); font-size:14px; font-variant-numeric:tabular-nums; }
body[data-voice-lesson] #narration-observation[hidden] { display:none; }
body[data-voice-lesson] #narration-observation progress { width:100%; min-width:0; height:6px; accent-color:var(--green); }
body[data-voice-lesson].lesson-voice .instrument-bar { display:flex; flex:0 0 64px; padding:8px 28px 12px; background:#fffdf7; }
body[data-voice-lesson].lesson-voice .instrument-bar #play { min-height:48px; min-width:180px; max-width:260px; width:40%; font-size:15px; border-radius:10px; }
body[data-voice-lesson].lesson-voice .instruments { display:none; }
@media(max-width:700px) {
 body[data-voice-lesson="instrument"] .instrument-readings { display:flex; gap:16px; margin:6px 0; }
 body[data-voice-lesson="instrument"] .instrument-readings li { display:grid; padding:0; gap:3px; border:0; }
 body[data-voice-lesson="instrument"] .instrument-readings strong { font-size:18px; }
 body[data-voice-lesson="instrument"] .instrument-endpoints dd { font-size:18px; }
 body[data-voice-lesson="instrument"] .instrument-calculation { margin:6px 0; font-size:16px; }
 body[data-voice-lesson="instrument"] .instrument-calculation strong { display:inline; font-size:20px; }
 body[data-voice-lesson="instrument"].lesson-voice:not(.voice-concluded) .narration-board:has(.instrument-endpoints) { max-height:none; min-height:max-content; }
 body[data-voice-lesson="instrument"] .narration-board:has(.instrument-endpoints) .teaching-label { display:none; }
 body[data-voice-lesson].lesson-voice.voice-concluded .scene-stack { grid-template-rows:minmax(140px,.65fr) minmax(190px,1fr); }
 body[data-voice-lesson].lesson-voice.voice-concluded .narration-board { max-height:none; min-height:0; }
 body[data-voice-lesson].lesson-voice .studio-title h1 { font-size:18px; }
 body[data-voice-lesson].lesson-voice .learning-tools { flex-direction:row; align-items:center; gap:0; }
 body[data-voice-lesson].lesson-voice .learning-tools .quiet-button { padding-inline:6px; min-height:44px; font-size:11px; }
 body[data-voice-lesson].lesson-voice .narration-route { padding-inline:14px; }
 .narration-route li { gap:5px; min-height:38px; font-size:11px; }
 .narration-route li span { font-size:9px; }
 body[data-voice-lesson].lesson-voice .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(130px,1fr) auto; }
 body[data-voice-lesson].lesson-voice .narration-board { padding:12px 18px; max-height:165px; display:block; background:#f0f0e8; border-top:1px solid #dce0d5; }
 body[data-voice-lesson].lesson-voice .narration-board:has(.teaching-force-pair,.teaching-limit) { min-height:max-content; max-height:none; }
 .narration-board h3 { font-size:19px; margin:4px 0 8px; }
 .teaching-label { font-size:11px; }
 .teaching-note { margin:8px 0 0; font-size:13px; }
 .teaching-intro { display:flex; gap:16px; }
 .teaching-intro li { margin:0; font-size:13px; }
 .teaching-key { font-size:15px; margin:0; }
 .teaching-object { padding-top:6px; margin-top:6px; font-size:14px; }
 .teaching-condition { float:right; margin-top:-40px; gap:8px; }
 .teaching-condition strong { font-size:28px; }
 .teaching-condition span { display:none; }
 .narration-board:has(.teaching-force-pair,.teaching-limit) :is(.teaching-label,.teaching-note) { display:none; }
 .teaching-force-pair { gap:2px 24px; }
 .teaching-force-pair > div { gap:2px; }
 .teaching-force-pair span { min-height:0; font-size:12px; }
 .teaching-force-pair strong { font-size:19px; }
 .teaching-force-pair i { margin:5px 0 2px; }
 .teaching-force-pair small { font-size:10px; }
 .teaching-equation { padding-top:5px; margin:6px 0 0; font-size:20px; }
 .teaching-limit { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
 .teaching-limit > div { margin-top:0; font-size:11px; }
 .teaching-limit strong { font-size:14px; }
 .teaching-directions,.teaching-recap { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
 .teaching-directions > div,.teaching-recap > div { padding:0; border:0; }
 .teaching-directions dt,.teaching-recap dt { font-size:14px; }
 .teaching-directions dd,.teaching-recap dd { font-size:12px; }
 body[data-voice-lesson] .incline-narration { display:block; padding:10px 18px 0; }
 body[data-voice-lesson] .narration-heading { display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center; margin-bottom:5px; }
 body[data-voice-lesson] .narration-meta { order:2; gap:8px; }
 body[data-voice-lesson] .incline-narration h2 { margin:0; font-size:14px; }
 body[data-voice-lesson] #narration-caption { font-size:15px; line-height:1.65; max-height:6.6em; min-height:0; }
 body[data-voice-lesson].lesson-voice .instrument-bar { display:flex; padding:6px 12px 9px; flex-basis:63px; gap:4px; flex-wrap:nowrap; }
 body[data-voice-lesson].lesson-voice .instrument-bar #play { width:auto; flex:1; min-width:0; font-size:14px; }
 body[data-voice-lesson].lesson-voice .narration-controls { gap:0; flex-shrink:0; }
 body[data-voice-lesson] .narration-controls button { padding-inline:8px; }
 body[data-voice-lesson] #narration-observation { flex-direction:row; align-items:center; margin-top:10px; font-size:12px; }
 body[data-voice-lesson] #narration-observation progress { flex:1; width:auto; }
 body[data-voice-lesson] #narration-observation span { white-space:nowrap; }
}
@media(max-width:700px) and (max-height:740px) {
 body[data-voice-lesson].lesson-voice .narration-board { max-height:114px; padding-block:8px; }
 body[data-voice-lesson].lesson-voice .teaching-note { display:none; }
 body[data-voice-lesson].lesson-voice .narration-heading { display:none; }
 body[data-voice-lesson].lesson-voice #narration-caption { max-height:3.3em; }
}

/* L26 only: completed evidence occupies the apparatus; the live scene stays mounted. */
body[data-lesson="incline"] .coach-strip { position: relative; }
body[data-lesson="incline"] .coach-strip:has(.incline-observation:not([hidden])) #coach-phase { padding-right: 92px; }
body[data-lesson="incline"] .incline-observation { position: absolute; inset: 0; pointer-events: none; }
body[data-lesson="incline"] .incline-observation progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; appearance: none; border: 0; background: #d8e2d4; color: var(--green); }
body[data-lesson="incline"] .incline-observation progress::-webkit-progress-bar { background: #d8e2d4; }
body[data-lesson="incline"] .incline-observation progress::-webkit-progress-value { background: var(--green); }
body[data-lesson="incline"] .incline-observation progress::-moz-progress-bar { background: var(--green); }
body[data-lesson="incline"] .incline-observation-clock { position: absolute; top: 12px; right: 16px; color: var(--green); font-size: 13px; font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-comparison-bench { flex: 1; min-height: 0; overflow: auto; padding: 12px 20px; background: #faf8f1; }
body[data-lesson="incline"] .incline-compare-tabs { display: flex; gap: 6px; }
body[data-lesson="incline"] .incline-compare-tabs button { flex: 1; min-height: 44px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--green); font-size: 14px; }
body[data-lesson="incline"] .incline-compare-tabs button[aria-pressed="true"] { color: white; background: var(--green); border-color: var(--green); }
body[data-lesson="incline"] .incline-verdict { margin: 10px 0; }
body[data-lesson="incline"] .incline-verdict h2 { margin: 0 0 5px; font-size: 20px; line-height: 1.35; }
body[data-lesson="incline"] .incline-verdict p { margin: 0; font-size: 14px; line-height: 1.5; }
body[data-lesson="incline"] .incline-evidence-content { display: flex; flex-direction: column; gap: 12px; align-items: stretch; }
body[data-lesson="incline"] .incline-trial-pair { flex: 1; display: flex; gap: 10px; min-width: 0; }
body[data-lesson="incline"] .incline-trial-result { flex: 1; min-width: 0; padding: 8px 10px; background: var(--paper); border-radius: 10px; border: 1px solid var(--line); border-top: 3px solid var(--trial-color); }
body[data-lesson="incline"] .incline-trial-result header { display: flex; align-items: center; gap: 8px; justify-content: space-between; color: var(--trial-color); }
body[data-lesson="incline"] .incline-trial-result header > strong { font-size: 21px; }
body[data-lesson="incline"] .incline-trial-result header > span { font-size: 13px; }
body[data-lesson="incline"] .incline-trial-result p { margin: 4px 0; font-size: 13px; line-height: 1.4; }
body[data-lesson="incline"] .incline-trial-result .incline-trial-value { font-size: 27px; font-weight: 650; color: var(--trial-color); font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-trial-value small { font-size: 15px; }
body[data-lesson="incline"] .incline-time-chart { min-width: 0; }
body[data-lesson="incline"] .incline-time-chart svg { display: block; width: 100%; max-height: 195px; }
body[data-lesson="incline"] .incline-time-chart p { margin: 4px 0; font-size: 13px; line-height: 1.4; }
body[data-lesson="incline"] .incline-board-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; }
body[data-lesson="incline"] .incline-board-actions button,
body[data-lesson="incline"] [data-incline-replay],
body[data-lesson="incline"] #see-evidence { min-height: 44px; }
body[data-lesson="incline"] .incline-force-snapshot svg { display: block; width: 100%; max-height: 180px; }
body[data-lesson="incline"] .incline-force-facts { display: flex; flex-wrap: wrap; gap: 5px 16px; font-size: 15px; line-height: 1.5; }
body[data-lesson="incline"] .incline-force-facts span { white-space: nowrap; }
body[data-lesson="incline"] #guide-4 > .section-tag,
body[data-lesson="incline"] #guide-4 > h2,
body[data-lesson="incline"] #guide-4 > p:first-of-type,
body[data-lesson="incline"] #guide-4 > .conclusion-graph,
body[data-lesson="incline"] #guide-4 > #evidence-summary,
body[data-lesson="incline"] #comparison-note { display: none; }
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .coach-strip,
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .apparatus-head,
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .instrument-bar,
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .apparatus-hint { display: none; }
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]):not(.scene-expanded) .scene-wrap,
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .trial-strip { display: none; }
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .scene-caption,
body[data-lesson="incline"]:is([data-lesson-stage="3"],[data-lesson-stage="4"]) .scene-inspect { display: none; }
body[data-lesson="incline"].scene-expanded #incline-comparison-bench { display: none; }
body[data-lesson="incline"] .incline-summary-heading { margin-bottom: 18px; }
body[data-lesson="incline"] .incline-balance { flex: 1; min-height: 0; overflow: auto; padding: 18px 28px; background: #faf8f1; }
body[data-lesson="incline"] :is(.incline-balance,.incline-summary-content) { scrollbar-width: thin; scrollbar-color: #9daa99 transparent; scrollbar-gutter: stable; overscroll-behavior: contain; }
body[data-lesson="incline"] .incline-explanation-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; align-items: baseline; }
body[data-lesson="incline"] .incline-reading-hint { color: var(--body); font-size: 13px; font-weight: 400; }
body[data-lesson="incline"] .incline-balance-review .incline-reading-hint { display: none; }
body[data-lesson="incline"].incline-balance-visible :is(.scene-wrap,.coach-strip,.apparatus-head,.trial-strip) { display: none; }
body[data-lesson="incline"] .incline-section-label { display: block; margin-bottom: 8px; color: var(--green); font-size: 14px; font-weight: 600; }
body[data-lesson="incline"] .incline-balance-explanation h3 { margin: 4px 0 10px; font-size: 25px; line-height: 1.35; letter-spacing: -.02em; }
body[data-lesson="incline"] .incline-balance-explanation h4 { margin: 0 0 10px; color: var(--green); font-size: 18px; line-height: 1.4; }
body[data-lesson="incline"] .incline-balance-explanation p { font-size: 15px; line-height: 1.7; margin: 10px 0; }
body[data-lesson="incline"] .incline-explanation-heading { padding-bottom: 12px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
body[data-lesson="incline"] .incline-explanation-heading p { margin-bottom: 0; }
body[data-lesson="incline"] .incline-explanation-layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: 32px; align-items: start; }
body[data-lesson="incline"] .incline-sliding-explanation .incline-explanation-layout { grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr)); }
body[data-lesson="incline"] .incline-explanation-layout > * { min-width: 0; }
body[data-lesson="incline"] .incline-balance-pairs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body[data-lesson="incline"] .incline-balance-pairs article { padding: 4px 0; min-width: 0; }
body[data-lesson="incline"] .incline-balance-pairs h4 { font-size: 16px; }
body[data-lesson="incline"] .incline-balance-pairs svg { display: block; width: 100%; height: 104px; background: #f1efe5; border-radius: 10px; margin-bottom: 10px; }
body[data-lesson="incline"] .incline-balance-pairs p { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; margin: 6px 0; font-size: 14px; }
body[data-lesson="incline"] .incline-balance-pairs p b { white-space: nowrap; font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-balance-pairs strong { display: block; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 18px; color: var(--green); font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-balance-gravity { color: #9a502f; }
body[data-lesson="incline"] .incline-balance-friction { color: #386184; }
body[data-lesson="incline"] .incline-balance-normal { color: var(--green); }
body[data-lesson="incline"] .incline-balance-explanation .incline-balance-key { font-size: 14px; color: var(--body); }
body[data-lesson="incline"] .incline-balance [data-incline-forces] { min-height: 44px; }
body[data-lesson="incline"] .incline-balance-calculation { padding-left: 28px; border-left: 1px solid var(--line); }
body[data-lesson="incline"] .incline-calculation { margin: 10px 0; font-size: 16px; line-height: 1.6; font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-limit-note { margin: 18px 0 8px; padding: 14px 16px; border-left: 3px solid var(--green); background: var(--soft); }
body[data-lesson="incline"] .incline-limit-note strong { color: var(--green); }
body[data-lesson="incline"] .incline-limit-note p { margin: 4px 0 0; }
body[data-lesson="incline"] .incline-balance-explanation .incline-next-question { border-top: 1px solid var(--line); margin: 24px 0 8px; padding-top: 16px; color: var(--green); font-weight: 600; }
body[data-lesson="incline"] .incline-threshold { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin: 16px 0; padding: 24px 18px; background: var(--soft); border-radius: 10px; }
body[data-lesson="incline"] .incline-threshold span { display: block; font-size: 14px; }
body[data-lesson="incline"] .incline-threshold strong { display: block; margin-top: 8px; font-size: 30px; color: var(--green); font-variant-numeric: tabular-nums; white-space: nowrap; }
body[data-lesson="incline"] .incline-threshold > b { color: var(--orange); font-size: 28px; }
body[data-lesson="incline"][data-lesson-stage="4"] .incline-comparison-bench { display: flex; flex-direction: column; overflow: hidden; }
body[data-lesson="incline"] .incline-summary-content { flex: 1; min-height: 0; overflow: auto; padding: 10px 12px; scrollbar-gutter: stable; }
body[data-lesson="incline"][data-lesson-stage="4"] .incline-board-actions { flex-shrink: 0; padding-top: 10px; border-top: 1px solid var(--line); }
body[data-lesson="incline"] .incline-summary-heading > span { color: var(--green); font-size: 14px; }
body[data-lesson="incline"] .incline-summary-heading h2 { margin: 6px 0; font-size: 27px; line-height: 1.4; letter-spacing: -.02em; }
body[data-lesson="incline"] .incline-summary-heading p { margin: 6px 0; font-size: 15px; }
body[data-lesson="incline"] .incline-observation-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 14px 0; margin: 0; border-block: 1px solid var(--line); }
body[data-lesson="incline"] .incline-observation-strip li { display: grid; gap: 4px; padding: 0 18px; border-left: 1px solid var(--line); }
body[data-lesson="incline"] .incline-observation-strip li:first-child { padding-left: 0; border-left: 0; }
body[data-lesson="incline"] .incline-observation-strip b { font-size: 23px; color: var(--green); }
body[data-lesson="incline"] .incline-observation-strip span { font-size: 14px; font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-summary-grid { display: grid; }
body[data-lesson="incline"] .incline-learning-point { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; min-width: 0; padding: 26px 0; border-bottom: 1px solid var(--line); }
body[data-lesson="incline"] .incline-learning-point > * { min-width: 0; }
body[data-lesson="incline"] .incline-learning-point h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.4; }
body[data-lesson="incline"] .incline-learning-point p,body[data-lesson="incline"] .incline-derivation p { margin: 10px 0; font-size: 15px; line-height: 1.7; }
body[data-lesson="incline"] .incline-formula { padding: 10px 14px; border-radius: 8px; background: var(--soft); color: var(--green); font-size: 22px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
body[data-lesson="incline"] .incline-learning-point .incline-symbol-note,body[data-lesson="incline"] .incline-evidence-label { font-size: 14px; }
body[data-lesson="incline"] .incline-balance-review { grid-column: 1 / -1; }
body[data-lesson="incline"] .incline-balance-review .incline-balance-explanation { padding: 20px 0 4px; }
body[data-lesson="incline"] .incline-threshold-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); align-items: baseline; color: var(--green); font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-threshold-row strong { font-size: 20px; }
body[data-lesson="incline"] .incline-threshold-row span { font-size: 14px; }
body[data-lesson="incline"] .incline-average { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: baseline; padding: 8px 0; color: var(--green); font-variant-numeric: tabular-nums; }
body[data-lesson="incline"] .incline-average > strong { font-size: 21px; white-space: nowrap; }
body[data-lesson="incline"] .incline-derivation { margin-top: 12px; border-top: 1px solid var(--line); }
body[data-lesson="incline"] :is(.incline-derivation,.incline-balance-review,.incline-balance-calculation) summary { min-height: 44px; padding: 12px 0; color: var(--green); font-size: 14px; cursor: pointer; }
body[data-lesson="incline"] .incline-derivation h3 { font-size: 17px; }
body[data-lesson="incline"] .incline-derivation p.incline-formula { font-size: 18px; }
body[data-lesson="incline"] .incline-formula-table table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
body[data-lesson="incline"] .incline-formula-table th,body[data-lesson="incline"] .incline-formula-table td { padding: 8px; border-bottom: 1px solid var(--line); text-align: left; overflow-wrap: anywhere; }
body[data-lesson="incline"] .incline-formula-table caption { padding: 8px; text-align: left; font-size: 13px; }
@media (min-width: 701px) {
 body[data-lesson="incline"]:is([data-lesson-stage="4"],.incline-balance-visible) .studio-workspace[data-pane="scene"] { grid-template-columns: minmax(0,1fr); }
 body[data-lesson="incline"]:is([data-lesson-stage="4"],.incline-balance-visible) .studio-workspace[data-pane="scene"] .guide-panel { display: none; }
}
@media (max-width: 1000px) {
 body[data-lesson="incline"] .incline-explanation-layout { gap: 22px; }
 body[data-lesson="incline"] .incline-learning-point { column-gap: 24px; }
}
@media (max-width: 1100px) {
 body[data-lesson="incline"] .incline-evidence-content { flex-direction: column; }
 body[data-lesson="incline"] .incline-trial-pair,body[data-lesson="incline"] .incline-time-chart { width: 100%; }
 body[data-lesson="incline"] .incline-comparison-bench { padding: 8px 12px; }
}
@media (max-width: 600px) {
 body[data-lesson="incline"] .incline-balance { padding: 20px 16px; }
 body[data-lesson="incline"] .incline-summary-content { padding: 10px 4px; }
 body[data-lesson="incline"] .incline-summary-heading h2,body[data-lesson="incline"] .incline-balance-explanation h3 { font-size: 23px; }
 body[data-lesson="incline"] .incline-explanation-layout,body[data-lesson="incline"] .incline-learning-point { grid-template-columns: minmax(0,1fr); }
 body[data-lesson="incline"] .incline-balance-calculation { padding: 20px 0 0; border-left: 0; border-top: 1px solid var(--line); }
 body[data-lesson="incline"] .incline-balance-pairs { gap: 12px; }
 body[data-lesson="incline"] .incline-balance-pairs p { display: grid; min-height: 60px; align-content: start; }
 body[data-lesson="incline"] .incline-balance-pairs strong { font-size: 15px; }
 body[data-lesson="incline"] .incline-observation-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 0; }
 body[data-lesson="incline"] .incline-observation-strip li:nth-child(3) { padding-left: 0; border-left: 0; }
 body[data-lesson="incline"] .incline-point-evidence { margin-top: 12px; }
 body[data-lesson="incline"] .incline-average { grid-template-columns: auto 1fr; }
 body[data-lesson="incline"] .incline-average strong { grid-column: 2; }
 body[data-lesson="incline"] .incline-threshold-row { grid-template-columns: auto 1fr; }
 body[data-lesson="incline"] .incline-threshold-row span { grid-column: 2; }
 body[data-lesson="incline"] .incline-verdict h2 { font-size: 18px; }
 body[data-lesson="incline"] .incline-trial-result { padding: 7px; }
 body[data-lesson="incline"] .incline-trial-result header { flex-wrap: wrap; gap: 0; }
 body[data-lesson="incline"] .incline-trial-value { font-size: 24px; }
 body[data-lesson="incline"] .incline-force-facts { font-size: 14px; }
 body[data-lesson="incline"] .incline-time-chart svg g { font-size: 24px; }
}
/* Keep reading space in a short landscape viewport without removing navigation. */
@media (min-width: 701px) and (max-width: 1000px) and (max-height: 500px) {
 body.studio[data-lesson="incline"]:not(.scene-expanded) .header { min-height: 44px; height: 44px; flex-basis: 44px; padding-block: 0; }
 html body.studio[data-lesson="incline"]:not(.primary-game):not(.scene-expanded) .learning-page { grid-template-rows: 44px minmax(0,1fr); grid-template-columns: minmax(0,1fr) auto; padding-block: 4px; gap: 4px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-title > div:first-child { display: none; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-title { display: contents; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .learning-tools { grid-column: 2; grid-row: 1; gap: 4px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .learning-tools .route-link { display: none; }
 html body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-tabs { flex-wrap: nowrap; grid-column: 1; grid-row: 1; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-tabs > button { min-height: 44px; padding-inline: 4px; flex: 1; min-width: 0; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-tabs > button small { display: none; }
 html body.studio[data-lesson="incline"]:not(.scene-expanded) .mobile-switch { display: flex; flex: 0 0 170px; padding: 0; gap: 6px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .mobile-switch button { flex: 1; min-height: 44px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--green); font-size: 12px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .mobile-switch button[aria-pressed="true"] { background: var(--green); color: var(--paper); }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-workspace { grid-column: 1 / -1; grid-row: 2; display: block; position: relative; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) :is(.apparatus,.guide-panel) { position: absolute; inset: 0; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-workspace[data-pane="scene"] .guide-panel,
 body.studio[data-lesson="incline"]:not(.scene-expanded) .studio-workspace[data-pane="guide"] .apparatus { visibility: hidden; pointer-events: none; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) :is(.apparatus-head,.trial-strip,.apparatus-hint) { display: none; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .instrument-bar { flex-basis: 64px; flex-wrap: nowrap; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .instruments { flex: 1 1 0; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .coach-strip { padding: 4px 12px; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 4px 12px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .coach-strip > strong { font-size: 14px; }
 body.studio[data-lesson="incline"]:not(.scene-expanded) .coach-strip > p { display: none; }
 body[data-lesson="incline"][data-lesson-stage="4"] .incline-board-actions { margin-top: 6px; padding-top: 6px; }
}
/* A short landscape screen keeps the scene left, board and captions right. */
@media (max-height:500px) and (min-width:701px) {
 body[data-voice-lesson].lesson-voice.voice-concluded .narration-board { grid-row:2 / 4; }
 html body.studio[data-voice-lesson].lesson-voice:not(.scene-expanded) .learning-page { grid-template-rows:44px minmax(0,1fr); }
 body[data-voice-lesson].lesson-voice .apparatus { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); grid-template-rows:32px minmax(160px,1fr) minmax(62px,.4fr) 58px; }
 body[data-voice-lesson].lesson-voice .narration-route { grid-row:1; grid-column:1 / -1; padding-inline:14px; }
 body[data-voice-lesson].lesson-voice .narration-route li { min-height:30px; font-size:11px; }
 body[data-voice-lesson].lesson-voice .scene-stack { display:contents; }
 body[data-voice-lesson].lesson-voice .scene-wrap { grid-column:1; grid-row:2 / 4; margin:0; }
 body[data-voice-lesson].lesson-voice .narration-board { grid-column:2; grid-row:2; display:block; padding:10px 14px; border-left:1px solid var(--line); }
 body[data-voice-lesson].lesson-voice .narration-board h3 { font-size:18px; margin:3px 0 8px; }
 body[data-voice-lesson].lesson-voice .teaching-note { display:none; }
 body[data-voice-lesson].lesson-voice .narration-board:has(.teaching-force-pair,.teaching-limit) .teaching-label { display:none; }
 body[data-voice-lesson].lesson-voice .teaching-force-pair span { min-height:0; font-size:12px; }
 body[data-voice-lesson].lesson-voice .teaching-force-pair strong { font-size:20px; }
 body[data-voice-lesson].lesson-voice .teaching-force-pair i { margin:3px 0; }
 body[data-voice-lesson].lesson-voice .teaching-equation { margin:8px 0 0; padding-top:6px; font-size:19px; }
 body[data-voice-lesson].lesson-voice .teaching-condition strong { font-size:30px; }
 body[data-voice-lesson].lesson-voice .teaching-intro li { margin:3px 0; font-size:13px; }
 body[data-voice-lesson].lesson-voice .teaching-key { margin:3px 0; font-size:14px; }
 body[data-voice-lesson].lesson-voice .teaching-object { padding-top:5px; }
 body[data-voice-lesson].lesson-voice .teaching-limit { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
 body[data-voice-lesson].lesson-voice .teaching-limit > div { margin-top:4px; }
 body[data-voice-lesson].lesson-voice :is(.teaching-directions,.teaching-recap) { display:flex; gap:16px; }
 body[data-voice-lesson].lesson-voice :is(.teaching-directions,.teaching-recap)>div { padding:0; border:0; }
 body[data-voice-lesson].lesson-voice .incline-narration { grid-row:3; grid-column:2; display:block; min-height:0; overflow:auto; padding:6px 14px; border-left:1px solid var(--line); }
 body[data-voice-lesson].lesson-voice .narration-heading { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
 body[data-voice-lesson].lesson-voice .narration-meta { gap:2px; font-size:10px; }
 body[data-voice-lesson].lesson-voice .incline-narration h2 { display:none; }
 body[data-voice-lesson].lesson-voice #narration-caption { font-size:14px; line-height:1.55; max-height:none; }
 body[data-voice-lesson].lesson-voice .instrument-bar { grid-row:4; grid-column:1 / -1; flex-wrap:nowrap; padding-block:5px; }
 body[data-voice-lesson] #narration-observation { margin-top:8px; }
 body[data-voice-lesson].lesson-voice.scene-expanded .apparatus { padding-left:0; }
 body[data-voice-lesson].lesson-voice.scene-expanded .scene-stack { position:relative; inset:auto; }
 body[data-voice-lesson].lesson-voice.scene-expanded .instruments { display:none; }
}

/* Reference-frame lesson: the selected frame stays beside every live reading. */
body[data-voice-lesson="reference"].lesson-voice .scene-caption { display:none; }
.reference-readings dd { color:var(--green); font-size:24px; font-variant-numeric:tabular-nums; }
.reference-equation { font-size:17px; font-weight:650; line-height:1.6; margin:10px 0 4px; }
.reference-calculation { font-size:20px; line-height:1.6; font-variant-numeric:tabular-nums; margin:4px 0; }
.reference-calculation strong { font-size:23px; white-space:nowrap; }
.reference-results { font-size:13px; margin:10px 0; border-block:1px solid var(--line); }
.reference-results summary { min-height:44px; padding:10px 0; cursor:pointer; }
.reference-results summary small { margin-left:8px; font-weight:400; }
.reference-results table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.reference-results :is(th,td) { padding:8px 3px; text-align:right; border-bottom:1px solid var(--line); }
.reference-results th:first-child { text-align:left; }
.reference-results th small { display:block; font-weight:400; }
.reference-results p { line-height:1.6; }
@media(max-width:700px) and (min-height:561px) {
 body[data-voice-lesson="reference"].lesson-voice:not(.voice-concluded) .narration-board { max-height:none; padding-block:10px; }
 body[data-voice-lesson="reference"] .reference-readings { display:flex; gap:18px; margin:6px 0; }
 body[data-voice-lesson="reference"] .reference-readings > div { flex:1; min-width:0; }
 body[data-voice-lesson="reference"] .reference-readings dt { font-size:12px; }
 body[data-voice-lesson="reference"] .reference-readings dd { font-size:19px; margin:3px 0 0; }
 body[data-voice-lesson="reference"] .reference-equation { font-size:14px; margin:5px 0 0; }
 body[data-voice-lesson="reference"] .reference-calculation { font-size:17px; margin:0; }
body[data-voice-lesson="reference"] .reference-calculation strong { font-size:20px; }
}

/* Average speed: live quantities and completed segments use the same clock. */
body[data-voice-lesson="speed"].lesson-voice .scene-caption { display:none; }
.speed-formula { font-size:32px; color:var(--green); margin:12px 0; }
.speed-equation { font-size:17px; font-weight:650; line-height:1.5; margin:10px 0 4px; }
.speed-calculation { font-size:18px; line-height:1.6; font-variant-numeric:tabular-nums; margin:4px 0; }
.speed-calculation :is(span,strong) { white-space:nowrap; }
.speed-calculation strong { color:var(--green); font-size:23px; }
.speed-readings dd { color:var(--green); font-size:24px; font-variant-numeric:tabular-nums; }
.speed-readings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:8px 0; }
.speed-readings > div { padding:6px 0; }
.speed-readings dt { font-size:12px; }
.speed-halves { display:grid; grid-template-columns:1fr; gap:8px; }
.speed-halves > div { display:flex; align-items:baseline; gap:12px; padding:4px 0; }
.speed-halves dt { white-space:nowrap; font-size:14px; }
.speed-halves dd { font-size:14px; margin:0; font-variant-numeric:tabular-nums; line-height:1.5; }
.speed-results { font-size:13px; margin:10px 0; border-block:1px solid var(--line); }
.speed-results summary { min-height:44px; padding:10px 0; cursor:pointer; }
.speed-results summary small { margin-left:8px; font-weight:400; }
.speed-results table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.speed-results :is(th,td) { padding:8px 3px; text-align:right; border-bottom:1px solid var(--line); }
.speed-results th:first-child { text-align:left; }
.speed-results p { line-height:1.6; }
.balance-workbench { min-width:0; min-height:0; overflow:auto; padding:14px 18px; background:#f5f4ec; border-left:1px solid var(--line); }
/* Narrated density: live instrument window belongs to the board, leaving the rig visible. */
body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]).lesson-voice .density-readout { display:none; }
body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]).lesson-voice .has-density-inset #scene { inset:0; width:100%; height:100%; }
body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) .narration-board h3 { margin:5px 0 10px; font-size:24px; }
.density-formula { font-size:18px; color:var(--green); margin:8px 0; line-height:1.6; }
.density-equation { font-size:17px; color:var(--green); line-height:1.65; margin:8px 0; font-variant-numeric:tabular-nums; }
.density-equation strong { display:block; font-size:24px; }
.density-measurements { display:flex; flex-wrap:wrap; gap:12px 18px; margin:10px 0; }
.density-measurements dt,.density-live dt { font-size:12px; color:var(--muted); }
.density-measurements dd,.density-live dd { margin:3px 0 0; font-size:19px; color:var(--green); font-variant-numeric:tabular-nums; }
.density-live { display:grid; grid-template-columns:minmax(0,1fr) 106px; gap:12px; align-items:center; }
.density-live dl { margin:0; display:grid; gap:10px; }
.density-live figure { margin:0; }
.density-live svg { display:block; width:106px; height:132px; }
.density-live figcaption { font-size:11px; line-height:1.45; color:var(--muted); }
.density-comparison { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; line-height:1.6; font-variant-numeric:tabular-nums; }
.density-comparison th,.density-comparison td { border-bottom:1px solid var(--line); padding:8px 2px; text-align:right; overflow-wrap:anywhere; }
.density-comparison th:first-child { text-align:left; }
.density-comparison-detail { border-top:1px solid var(--line); }
.density-comparison-detail summary { min-height:44px; padding:12px 0; font-size:13px; cursor:pointer; }
@media(max-width:700px) {
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]).lesson-voice:not(.voice-concluded) .narration-board { max-height:270px; padding-block:10px; }
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) .narration-board h3 { font-size:20px; margin:4px 0 8px; }
 .density-live { grid-template-columns:minmax(0,1fr) 106px; }
 .density-live dl { gap:6px; }
 .density-live dd { font-size:18px; }
 .density-measurements { gap:8px 15px; margin:6px 0; }
 .density-equation strong { display:inline; font-size:19px; }
}
@media(max-width:700px),(max-height:560px) {
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) .narration-board:has(.density-live) .teaching-label { display:none; }
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) .narration-board:has(.density-live) h3 { font-size:18px; margin:0 0 6px; }
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) #narration-observation { margin-top:6px; gap:4px; font-size:12px; }
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]) #narration-observation progress { height:4px; }
}
@media(max-height:500px) and (min-width:701px) {
 body:is([data-voice-lesson="density"],[data-voice-lesson="liquidDensity"]).lesson-voice .apparatus { grid-template-rows:32px minmax(190px,1fr) 62px 58px; }
 .density-live dl { gap:6px; }
 .density-live dt { line-height:1.2; }
 .density-live dd { font-size:18px; line-height:1.3; }
}
.balance-ruler { margin:12px 0; }
.balance-ruler figcaption { font-size:12px; color:var(--muted); }
.balance-ruler svg { display:block; width:100%; margin-top:8px; }
.balance-ruler text { font-size:14px; fill:var(--green); }
.balance-formula { font-size:16px; color:var(--green); line-height:1.6; margin:8px 0; }
.balance-calculation { font-size:21px; font-variant-numeric:tabular-nums; line-height:1.65; margin:8px 0; color:var(--green); }
.balance-calculation strong { font-size:26px; }
.balance-readings { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.balance-readings dt { font-size:12px; color:var(--muted); }
.balance-readings dd { margin:4px 0 0; font-size:21px; color:var(--green); }
.balance-checks { margin:4px 0; padding-left:22px; font-size:15px; line-height:1.7; }
.balance-checks li { padding:5px 0; }
.balance-checks li.is-done { color:var(--green); font-weight:600; }
.balance-checks li.is-done::after { content:' ✓'; }
.balance-results { border-block:1px solid var(--line); margin-top:10px; }
.balance-results summary { min-height:44px; padding:12px 0; font-size:13px; cursor:pointer; }
body[data-voice-lesson="balance"] .narration-board h3 { margin:6px 0 12px; font-size:24px; }
@media(max-width:700px),(max-height:560px) {
 body[data-voice-lesson="balance"] .narration-board h3 { margin:4px 0 8px; font-size:20px; }
 .balance-ruler { margin:6px 0; }
 .balance-calculation { margin:4px 0; font-size:18px; }
 .balance-calculation strong { font-size:22px; }
 .balance-readings { margin:6px 0; }
 .balance-checks li { padding:2px 0; }
}
.balance-workbench h3 { margin:0 0 10px; font-size:19px; color:var(--green); }
body[data-lesson="j-mass"] :is(.scene-caption,#inspect-object) { display:none; }
.balance-object-buttons,.balance-setup-buttons { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.balance-weight-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.balance-workbench button,.balance-weight-buttons button { min-height:44px; font-size:14px; touch-action:manipulation; }
.balance-workbench button[aria-pressed="true"],.balance-weight-buttons button[aria-pressed="true"] { background:var(--green); color:#fff; border-color:var(--green); }
.balance-tools-label { font-size:12px; line-height:1.5; margin:10px 0 6px; color:var(--muted); }
.balance-rider-tools { margin-top:12px; font-size:13px; }
.balance-rider-tools > span { display:flex; justify-content:space-between; }
.balance-rider-tools > div { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:6px; }
.balance-rider-tools input { width:100%; min-height:34px; accent-color:var(--green); }
.balance-manual-status { color:var(--green); font-size:13px; line-height:1.6; margin:8px 0; }
.balance-workbench summary { min-height:44px; padding:12px 0; cursor:pointer; font-size:13px; }
.balance-workbench details p { font-size:12px; line-height:1.6; }
body[data-lesson="j-mass"]:not(.lesson-voice) .studio-workspace[data-pane="scene"] { grid-template-columns:minmax(0,1fr); }
body[data-lesson="j-mass"]:not(.lesson-voice) .studio-workspace[data-pane="scene"] .guide-panel { display:none; }
body[data-lesson="j-mass"]:not(.lesson-voice) .studio-workspace[data-pane="scene"] .scene-stack:has(.balance-workbench:not([hidden])) { display:grid; grid-template-columns:minmax(0,1fr) 300px; }
body[data-lesson="j-mass"] .studio-workspace[data-pane="guide"] .balance-workbench { display:none; }
@media(max-width:700px) {
 body[data-lesson="j-mass"]:not(.lesson-voice) .studio-workspace[data-pane="scene"] .scene-stack:has(.balance-workbench:not([hidden])) { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(155px,1fr) minmax(150px,1fr); }
 .balance-workbench { border-left:0; border-top:1px solid var(--line); padding:10px 14px; }
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) .apparatus:has(.balance-workbench:not([hidden])) { display:grid; grid-template-columns:minmax(0,1fr) 300px; grid-template-rows:minmax(0,1fr) auto; padding:4px; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) .studio-workspace[data-pane="scene"] .scene-stack:has(.balance-workbench:not([hidden])) { display:contents; position:static; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) .scene-wrap { grid-column:1; grid-row:1 / span 2; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) .balance-workbench { grid-column:2; grid-row:1; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) :is(.apparatus-head,.trial-strip,.apparatus-hint) { display:none; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) .instrument-bar { grid-column:2; grid-row:2; margin:0; gap:4px; padding:6px 12px; }
 body[data-lesson="j-mass"].scene-expanded:not(.lesson-voice) #restart { display:none; }
}
body[data-voice-lesson="speed"].lesson-voice .speed-halves { display:grid; }
.matter-objects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
.matter-objects article { min-width:0; border:1px solid var(--line); border-radius:10px; padding:14px; background:#faf7ed; }
.matter-objects article.matter-focused { border:2px solid #b36b3d; padding:13px; }
.matter-objects strong { font-size:18px; color:var(--green); }
.matter-objects dl { margin:10px 0 0; }
.matter-objects dl>div { margin-top:8px; }
.matter-objects dt { font-size:12px; color:var(--muted); }
.matter-objects dd { margin:2px 0 0; font-size:15px; line-height:1.5; }
.matter-source { border-top:1px solid var(--line); margin-top:12px; }
.matter-source summary { min-height:44px; padding:12px 0; font-size:13px; cursor:pointer; }
.matter-reasons>div { display:grid; gap:4px; padding:10px 0; border-bottom:1px solid var(--line); }
.matter-reasons dt { color:var(--muted); font-size:13px; }.matter-reasons dd { margin:0; line-height:1.6; }
.matter-workbench { min-width:0; min-height:0; overflow:auto; padding:16px; border-left:1px solid var(--line); background:#fffdf7; }
.matter-workbench h3 { margin:0 0 10px; font-size:17px; color:var(--green); }
.matter-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.matter-choices button { min-height:44px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); font-size:14px; touch-action:manipulation; }
.matter-choices button[aria-pressed="true"] { background:var(--green); color:white; }
body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]) :is(#chart-drawer,.instruments,#restart,#narration-observation,.scene-motion-status) { display:none; }
body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice) .studio-workspace .scene-stack { display:grid; grid-template-columns:minmax(0,1fr) 300px; }
@media(max-width:1000px) {
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice) .studio-workspace .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(155px,1fr) minmax(150px,1fr); }
 :is(.matter-workbench,.scale-workbench,.recipient-workbench,.gravity-workbench,.elastic-workbench) { border-left:0; border-top:1px solid var(--line); }
}
body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .narration-board h3 { margin:5px 0 10px; font-size:24px; }
body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice .teaching-note { display:block; }
@media(max-width:700px),(max-height:560px) {
 .matter-objects { gap:8px; margin:6px 0; }
 .matter-objects article { padding:8px; }.matter-objects article.matter-focused { padding:7px; }
 .matter-objects strong { font-size:16px; }.matter-objects dl { margin:4px 0 0; }.matter-objects dl>div { margin-top:4px; }
 .matter-objects dd { font-size:13px; }.matter-source { margin-top:6px; }
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .narration-board h3 { font-size:19px; margin:4px 0 6px; }
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .narration-board:has(.matter-objects)>.teaching-label { display:none; }
}
@media(max-width:700px) {
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.voice-concluded) .narration-board { max-height:270px; padding-block:10px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice) .studio-workspace .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(155px,1fr) minmax(150px,1fr); }
 :is(.matter-workbench,.scale-workbench,.recipient-workbench,.gravity-workbench,.elastic-workbench) { padding:10px 14px; border-left:0; border-top:1px solid var(--line); }
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.scene-expanded) .header { min-height:44px; height:44px; flex-basis:44px; padding-block:0; }
 html body.studio:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.scene-expanded) .learning-page { padding-block:4px; gap:4px; }
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.scene-expanded) .studio-title>div:first-child { display:none; }
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.scene-expanded) .studio-title { justify-content:flex-end; }
 body:is([data-voice-lesson="matter"],[data-voice-lesson="scale"],[data-voice-lesson="recipient"],[data-voice-lesson="gravity"],[data-voice-lesson="elastic"],[data-voice-lesson="twoForce"],[data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice:not(.scene-expanded) .apparatus { grid-template-rows:32px minmax(0,1fr) 62px 58px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .header { min-height:44px; height:44px; flex-basis:44px; padding-block:0; }
 html body.studio:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .learning-page { grid-template-rows:44px minmax(0,1fr); grid-template-columns:minmax(0,1fr) auto; padding-block:4px; gap:4px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-title { display:contents; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-title>div:first-child,
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .route-link { display:none; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .learning-tools { grid-column:2; grid-row:1; gap:4px; }
 html body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-tabs { grid-column:1; grid-row:1; flex-wrap:nowrap; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-tabs>button { flex:1; min-width:0; min-height:44px; padding-inline:4px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-tabs>button small { display:none; }
 html body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .mobile-switch { display:flex; gap:4px; flex:0 0 120px; padding:0; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .mobile-switch button { flex:1; min-height:44px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--green); }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-workspace { grid-column:1 / -1; grid-row:2; display:block; position:relative; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) :is(.apparatus,.guide-panel) { position:absolute; inset:0; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-workspace[data-pane="scene"] .guide-panel,
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .studio-workspace[data-pane="guide"] .apparatus { visibility:hidden; pointer-events:none; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) :is(.apparatus-head,.trial-strip,.apparatus-hint,.coach-strip) { display:none; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice):not(.scene-expanded) .instrument-bar { flex-basis:58px; padding:5px 12px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) .apparatus { display:grid; grid-template-columns:minmax(0,1fr) 300px; grid-template-rows:minmax(0,1fr) auto; padding:4px; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) .studio-workspace[data-pane="scene"] .scene-stack { display:contents; position:static; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) .scene-wrap { grid-column:1; grid-row:1 / span 2; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) :is(.matter-workbench,.scale-workbench,.recipient-workbench,.gravity-workbench,.elastic-workbench) { grid-column:2; grid-row:1; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) :is(.apparatus-head,.trial-strip,.apparatus-hint,.coach-strip) { display:none; }
 body:is([data-lesson="j-matter"],[data-lesson="j-scale"],[data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]).scene-expanded:not(.lesson-voice) .instrument-bar { grid-column:2; grid-row:2; margin:0; gap:4px; padding:6px 12px; }
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body[data-lesson="l23"]:not(.lesson-voice) .scene-caption { display:none; }
 body:is([data-lesson="j-density-liquid"],[data-lesson="l23"],[data-lesson="friction"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).scene-expanded:not(.lesson-voice) .instruments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; width:100%; margin:0; gap:4px 12px; }
 body:is([data-lesson="j-density-liquid"],[data-lesson="l23"],[data-lesson="friction"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).scene-expanded:not(.lesson-voice) .instruments > div { min-width:0; }
 body:is([data-lesson="j-density-liquid"],[data-lesson="l23"],[data-lesson="friction"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).scene-expanded:not(.lesson-voice) .instruments small { white-space:normal; }
}
@media(min-width:701px) and (min-height:561px) {
 body[data-voice-lesson="speed"] .narration-board h3 { margin:5px 0 10px; font-size:24px; }
}
@media(max-height:560px) and (min-width:701px) {
 body[data-voice-lesson="speed"] .speed-readings { margin:4px 0; }
 body[data-voice-lesson="speed"] .speed-readings dt { font-size:12px; }
 body[data-voice-lesson="speed"] .speed-readings dd { font-size:19px; margin:2px 0 0; }
 body[data-voice-lesson="speed"].lesson-voice .speed-halves { margin:6px 0 0; gap:4px; }
 body[data-voice-lesson="speed"].lesson-voice .speed-halves dt { font-size:12px; }
 body[data-voice-lesson="speed"].lesson-voice .speed-halves dd { font-size:13px; }
}
@media(max-width:700px) and (min-height:561px) {
 body[data-voice-lesson="speed"].lesson-voice:not(.voice-concluded) .narration-board { max-height:none; padding-block:10px; }
 body[data-voice-lesson="speed"] .speed-readings { display:flex; gap:18px; margin:4px 0; }
 body[data-voice-lesson="speed"] .speed-readings > div { flex:1; min-width:0; }
 body[data-voice-lesson="speed"] .speed-readings dt { font-size:12px; }
 body[data-voice-lesson="speed"] .speed-readings dd { font-size:19px; margin:2px 0 0; }
 body[data-voice-lesson="speed"] .speed-equation { font-size:14px; margin:5px 0 0; }
 body[data-voice-lesson="speed"] .speed-calculation { font-size:17px; margin:0; }
 body[data-voice-lesson="speed"] .speed-calculation strong { font-size:20px; }
 body[data-voice-lesson="speed"] .speed-halves { margin:6px 0 0; gap:4px; }
 body[data-voice-lesson="speed"] .speed-halves > div { display:flex; align-items:center; gap:12px; padding:0; }
 body[data-voice-lesson="speed"] .speed-halves dt { white-space:nowrap; font-size:12px; }
 body[data-voice-lesson="speed"] .speed-halves dd { font-size:13px; margin:0; }
}

/* Structure diagrams pair with a small, scrollable reference/scale desk. */
.scale-workbench { min-width:0; min-height:0; overflow:auto; padding:16px; border-left:1px solid var(--line); background:#fffdf7; }
.scale-workbench h3 { margin:0 0 10px; color:var(--green); font-size:17px; }
.scale-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.scale-choices button { min-height:44px; padding:7px 8px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); font:inherit; font-size:14px; touch-action:manipulation; }
.scale-choices button[aria-pressed="true"] { background:var(--green); color:white; }
.scale-size-controls { margin:14px 0 10px; }.scale-size-controls>strong { display:block; margin:0 0 8px; font-size:13px; }
.scale-composition { display:flex; align-items:center; gap:8px; margin:12px 0; }.scale-composition span { flex:1; padding:12px 6px; border:1px solid var(--line); border-radius:8px; text-align:center; background:#faf7ed; }
.scale-key { font-size:17px; line-height:1.6; color:var(--green); margin:12px 0; font-weight:600; }
.scale-hierarchy { margin:8px 0; }.scale-hierarchy>div { padding:10px 0; border-bottom:1px solid var(--line); }.scale-hierarchy dt { color:var(--muted); font-size:13px; }.scale-hierarchy dd { margin:5px 0 0; font-size:17px; line-height:1.6; }
.scale-planets { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:0; margin:10px 0; }.scale-planets li { padding:7px 2px; text-align:center; font-size:13px; border:1px solid var(--line); border-radius:7px; }.scale-planets small { display:block; color:var(--muted); font-size:10px; }.scale-planets .scale-selected { background:#dfeae1; color:var(--green); border-color:var(--green); }
.scale-method,.scale-nesting { padding-left:24px; line-height:1.7; font-size:16px; }.scale-method li,.scale-nesting li { margin:8px 0; }
.scale-readings { display:grid; gap:10px; margin:12px 0; }.scale-readings>div { padding:10px 12px; background:#faf7ed; border:1px solid var(--line); border-radius:8px; }.scale-readings span { display:block; color:var(--muted); font-size:12px; }.scale-readings strong { display:block; color:var(--green); font-size:23px; margin-top:4px; }.scale-readings small { font-size:15px; font-weight:500; }
.scale-source { border-top:1px solid var(--line); margin:10px 0 0; }.scale-source summary { cursor:pointer; min-height:44px; padding:12px 0; font-size:13px; }.scale-source a,.scale-source-link { display:block; color:var(--green); font-size:13px; line-height:1.6; min-height:44px; padding:10px 0; overflow-wrap:anywhere; }
.scale-formula { padding:10px; line-height:1.7; font-size:14px; background:#e8ede2; border-radius:7px; }
body[data-voice-lesson="scale"] .narration-board { scroll-padding:12px; }
@media(max-width:700px) { .scale-workbench { padding:10px 14px; border-left:0; border-top:1px solid var(--line); }.scale-readings { grid-template-columns:1fr 1fr; gap:8px; }.scale-readings strong { font-size:19px; }.scale-key { font-size:15px; }.scale-method,.scale-nesting { font-size:14px; }.scale-planets { margin:8px 0; } }
@media(max-width:1000px) and (max-height:500px) { .scale-readings { grid-template-columns:1fr 1fr; gap:8px; }.scale-readings strong { font-size:19px; }.scale-key { font-size:15px; }.scale-hierarchy>div { padding:7px 0; }.scale-hierarchy dd { font-size:15px; }.scale-method,.scale-nesting { font-size:14px; } }
.scale-workbench .scale-readings { grid-template-columns:1fr 1fr; gap:8px; margin:8px 0; }
.scale-workbench .scale-readings>div { padding:7px 8px; }
.scale-workbench .scale-readings strong { font-size:19px; margin:0; flex-shrink:0; }
.scale-workbench .scale-readings span { max-width:130px; }
.recipient-workbench { min-width:0; min-height:0; overflow:auto; padding:14px; border-left:1px solid var(--line); background:#fffdf7; }
.recipient-workbench h3 { margin:0 0 10px; font-size:17px; color:var(--green); }
.recipient-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.recipient-choices button,.recipient-push button { min-height:44px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); padding:6px; font-size:13px; touch-action:manipulation; }
.recipient-choices button[aria-pressed="true"],.recipient-push button[aria-pressed="true"] { background:var(--green); color:white; }
.recipient-push { display:grid; grid-template-columns:auto 1fr 1fr; align-items:center; gap:6px; margin:10px 0; }
.recipient-push>strong { font-size:12px; }
.recipient-selected { margin:8px 0; font-size:13px; color:var(--muted); }
.recipient-selected strong { color:var(--green); padding:3px 8px; background:#f2e5d3; border-radius:5px; font-size:15px; }
.recipient-forces { display:grid; gap:6px; margin:10px 0; }
.recipient-force { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px; border:1px solid var(--line); border-radius:8px; background:#f6f4ec; }
.recipient-force.is-focused { background:#e9f0e7; border-color:#c3d5c0; }
.recipient-direction { font-size:25px; line-height:1; text-align:center; color:var(--green); }
.recipient-force strong { display:block; font-size:13px; line-height:1.3; }
.recipient-force small { display:block; color:var(--muted); font-size:11px; line-height:1.5; }
.recipient-force>b { color:var(--green); font-size:15px; font-variant-numeric:tabular-nums; }
.recipient-force>b small { display:inline; margin-left:3px; }
.recipient-pairs { display:grid; gap:8px; margin:12px 0; }
.recipient-pairs article { background:#f3f0e6; border-left:3px solid #ba8959; border-radius:6px; padding:10px 12px; }
.recipient-pairs b { font-size:15px; color:var(--green); }.recipient-pairs p { margin:4px 0; font-size:13px; }.recipient-pairs strong { color:#865c35; font-size:13px; }
.recipient-unit { font-size:25px; color:var(--green); font-weight:700; }
.recipient-details { border-top:1px solid var(--line); margin-top:12px; }.recipient-details summary { min-height:44px; padding:12px 0; cursor:pointer; font-size:13px; color:var(--green); }
.gravity-workbench { min-width:0; min-height:0; overflow:auto; padding:14px; border-left:1px solid var(--line); background:#fffdf7; }
.gravity-workbench h3 { font-size:17px; margin:0 0 10px; color:var(--green); }
.elastic-workbench { min-width:0; min-height:0; overflow:auto; padding:12px; background:#fffdf7; border-left:1px solid var(--line); }
.elastic-workbench h3 { font-size:17px; margin:0 0 10px; color:var(--green); }
.elastic-tools,.elastic-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-bottom:8px; }
.elastic-tools button,.elastic-actions button { min-height:44px; padding:6px 4px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); font-size:13px; touch-action:manipulation; }
.elastic-workbench button[aria-pressed="true"] { color:white; background:var(--green); }
.elastic-instrument { display:flex; align-items:center; gap:8px; justify-content:space-between; }
.elastic-instrument svg { width:100px; height:145px; flex-shrink:0; }
.elastic-reading span { font-size:13px; color:var(--muted); }.elastic-reading strong { display:block; font-size:30px; color:var(--green); font-variant-numeric:tabular-nums; margin:4px 0; }.elastic-reading small { font-size:15px; }
.elastic-reading p { font-size:12px; color:var(--muted); line-height:1.5; margin:4px 0; }
.elastic-live-forces { display:grid; gap:8px; color:var(--green); font-size:15px; }.elastic-live-forces span { font-size:13px; color:var(--muted); }
.elastic-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:8px 0; }.elastic-pair article { display:grid; gap:6px; background:#f2eee2; border-radius:8px; padding:12px; }.elastic-pair span { font-size:13px; color:var(--muted); }.elastic-pair strong { font-size:24px; color:var(--green); }.elastic-pair b { font-size:19px; color:var(--green); }
.elastic-rule { display:grid; gap:8px; padding:12px; border-left:3px solid #b18b5e; background:#edf0e5; }.elastic-rule strong { font-size:29px; color:var(--green); }.elastic-rule b { font-size:21px; }.elastic-rule span { font-size:14px; }
.elastic-method { padding-left:24px; font-size:17px; line-height:1.9; color:var(--green); }
.elastic-directions { font-size:15px; line-height:1.65; color:var(--green); }.elastic-directions p { margin:6px 0; }
.elastic-table-wrap { overflow:auto; }.elastic-table { width:100%; border-collapse:collapse; text-align:center; font-size:13px; }.elastic-table td,.elastic-table th { border-bottom:1px solid var(--line); padding:8px 4px; }.elastic-table th { color:var(--green); background:#e8eee4; }
.elastic-records { margin-top:8px; border-top:1px solid var(--line); }.elastic-records summary { min-height:44px; padding:12px 0; font-size:13px; color:var(--green); cursor:pointer; }
body[data-voice-lesson="elastic"].lesson-voice .scene-caption { display:none; }
@media(max-width:1000px),(max-height:850px) {
 .elastic-workbench { padding:8px 12px; border-left:0; border-top:1px solid var(--line); }
 .elastic-workbench h3 { display:none; }
 .elastic-workbench .elastic-instrument svg { width:70px; height:100px; }
 .elastic-workbench .elastic-reading strong { font-size:24px; margin:2px 0; }
 .elastic-workbench .elastic-reading p { font-size:11px; line-height:1.25; margin:0; }
 .elastic-pair article { padding:10px; }.elastic-pair strong { font-size:22px; }
}
@media(max-width:700px),(max-height:560px) {
 .elastic-instrument svg { width:87px; height:125px; }
 .elastic-rule { padding:8px 12px; gap:6px; }.elastic-rule strong { font-size:24px; }.elastic-rule b { font-size:18px; }
 .elastic-method { margin:6px 0; font-size:15px; }
}
@media(max-width:700px) and (min-height:501px) {
 body[data-lesson="l21"]:not(.lesson-voice):not(.scene-expanded) .studio-workspace .scene-stack { grid-template-rows:minmax(190px,1fr) 280px; }
 body[data-lesson="l21"]:not(.lesson-voice):not(.scene-expanded) :is(.apparatus-head,.trial-strip,.apparatus-hint,.coach-strip,.scene-caption,.scene-inspect) { display:none; }
 body[data-lesson="l21"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar { flex-basis:58px; padding:6px 12px; }
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px) {
 .elastic-workbench .elastic-actions { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .elastic-workbench .elastic-actions button { font-size:11px; }
 .elastic-workbench .elastic-instrument svg { height:82px; width:58px; }
 .elastic-workbench .elastic-instrument svg text { font-size:23px; }
}
.gravity-choices,.gravity-setups { display:grid; gap:6px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:8px; }
.gravity-setups { grid-template-columns:repeat(2,minmax(0,1fr)); }
.gravity-choices button,.gravity-setups button { min-height:44px; padding:6px 4px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--green); font-size:13px; touch-action:manipulation; }
.gravity-workbench button[aria-pressed="true"] { background:var(--green); color:white; }
.gravity-instrument { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gravity-instrument svg { display:block; height:165px; width:106px; flex-shrink:0; }
@media(max-width:1000px),(max-height:560px) {
 #gravity-current svg text { font-size:22px; }
}
.gravity-reading span { font-size:13px; color:var(--muted); display:block; }
.gravity-reading strong { display:block; font-size:30px; color:var(--green); margin:6px 0; font-variant-numeric:tabular-nums; }.gravity-reading strong small { font-size:16px; }
.gravity-reading p { font-size:12px; line-height:1.65; color:var(--muted); margin:5px 0; }
.gravity-table-wrap { overflow:auto; }.gravity-table { width:100%; border-collapse:collapse; font-size:14px; text-align:center; margin:10px 0; }.gravity-table caption { text-align:left; font-size:12px; color:var(--muted); margin-bottom:6px; }.gravity-table th { background:#e8eee4; font-weight:500; }.gravity-table td,.gravity-table th { border-bottom:1px solid var(--line); padding:8px 5px; font-variant-numeric:tabular-nums; }
.gravity-plot { display:block; width:100%; max-width:420px; height:auto; background:#f9f7ef; border-radius:8px; margin:10px auto; }
body[data-voice-lesson="gravity"].lesson-voice .scene-caption { display:none; }
.gravity-formula { display:grid; gap:8px; border-left:3px solid #b18b5e; padding:12px; background:#edf0e5; margin:12px 0; }.gravity-formula strong { color:var(--green); font-size:28px; }.gravity-formula span { font-size:14px; line-height:1.5; }
.gravity-units { display:grid; gap:8px; }.gravity-units article { border:1px solid var(--line); padding:12px; border-radius:8px; background:#f8f4e9; }.gravity-units b { color:var(--green); font-size:16px; }.gravity-units p { font-size:14px; margin:6px 0 0; }.gravity-direction { font-size:28px; color:var(--green); }
.gravity-results { border-top:1px solid var(--line); margin-top:10px; }.gravity-results summary { min-height:44px; padding:12px 0; color:var(--green); font-size:13px; cursor:pointer; }
@media(max-width:700px),(max-height:560px) {
 .gravity-workbench { padding:8px 12px; border-left:0; border-top:1px solid var(--line); }.gravity-workbench h3 { font-size:14px; margin:0 0 6px; }
 .gravity-instrument svg { height:132px; width:85px; }.gravity-reading strong { font-size:25px; margin:4px 0; }
 .gravity-table { font-size:13px; }.gravity-table td,.gravity-table th { padding:7px 4px; }.gravity-formula strong { font-size:23px; }
 .gravity-workbench .gravity-instrument svg { height:88px; width:57px; }.gravity-workbench .gravity-reading p { font-size:11px; line-height:1.25; margin:0; }.gravity-workbench .gravity-reading strong { font-size:22px; margin:2px 0; }
 body[data-voice-lesson="gravity"] .narration-board .gravity-plot { max-width:260px; }
 .gravity-units article { padding:9px; }.gravity-units b { font-size:14px; }
}
@media(max-width:700px) and (min-height:501px) {
 body[data-lesson="l20"]:not(.lesson-voice):not(.scene-expanded) .studio-workspace .scene-stack { grid-template-rows:minmax(190px,1fr) 236px; }
 body[data-lesson="l20"]:not(.lesson-voice):not(.scene-expanded) :is(.apparatus-head,.trial-strip,.apparatus-hint,.coach-strip,.scene-caption,.scene-inspect) { display:none; }
 body[data-lesson="l20"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar { flex-basis:58px; padding:6px 12px; }
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px) {
 body[data-voice-lesson="gravity"] .narration-board .gravity-plot { max-width:210px; }
}
@media(min-width:701px) and (max-width:1000px) and (min-height:701px) {
 body:is([data-lesson="l19"],[data-lesson="l20"],[data-lesson="l21"]):not(.lesson-voice) .studio-workspace .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(220px,1fr) minmax(240px,1fr); }
 .recipient-workbench { border-left:0; border-top:1px solid var(--line); }
 .gravity-workbench { padding:8px 12px; border-left:0; border-top:1px solid var(--line); }
 .gravity-workbench h3 { font-size:15px; margin:0 0 6px; }
 .gravity-workbench .gravity-instrument svg { height:112px; width:73px; }
 .gravity-workbench .gravity-reading strong { font-size:26px; margin:3px 0; }
 .gravity-workbench .gravity-reading p { font-size:12px; line-height:1.3; margin:0; }
}
@media(max-width:700px) {
 .recipient-workbench { padding:10px 12px; border-left:0; border-top:1px solid var(--line); }
 .recipient-workbench h3 { font-size:14px; line-height:1.2; margin-bottom:6px; }
 .recipient-workbench .recipient-selected { display:none; }
 .recipient-workbench .recipient-details { margin-top:4px; }
 .recipient-choices { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }.recipient-choices button { font-size:12px; padding:4px; }
 .recipient-push { margin:6px 0; }.recipient-selected { margin:5px 0; }
 .recipient-force { padding:6px 8px; }.recipient-forces { gap:5px; margin:6px 0; }
}
/* In portrait tablets the teaching panel remains visible; avoid nesting a
   second fixed sidebar inside the remaining apparatus width. */
@media(min-width:701px) and (max-width:1000px) and (min-height:701px) {
 body[data-lesson="j-scale"]:not(.lesson-voice) .studio-workspace .scene-stack { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(180px,1fr) minmax(240px,1fr); }
 .scale-workbench { padding:10px 14px; border-left:0; border-top:1px solid var(--line); }
 .scale-workbench>.scale-choices { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
 .scale-workbench>.scale-choices button { font-size:12px; padding-inline:3px; }
}
.scale-earth-size { display:flex; align-items:center; gap:4px; }
.scale-earth-size svg { width:44px; height:40px; flex-shrink:0; }
.scale-earth-size strong { margin:0; }
.scale-size-controls { display:flex; align-items:center; gap:8px; }
.scale-size-controls>strong { width:90px; margin:0; font-size:12px; line-height:1.5; }
.scale-size-controls>.scale-choices { flex:1; }
@media(max-width:700px) and (min-height:501px) {
 body[data-lesson="j-scale"]:not(.lesson-voice) .studio-workspace .scene-stack { grid-template-rows:minmax(130px,.6fr) minmax(235px,1fr); }
 .scale-workbench>h3 { margin-bottom:7px; font-size:14px; }
 .scale-workbench>.scale-choices { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
 .scale-workbench>.scale-choices button { font-size:12px; padding-inline:3px; }
 .scale-size-controls { margin-top:9px; margin-bottom:7px; }
}

/* L22: current motion and completed comparisons share the same samples. */
body[data-voice-lesson="twoForce"].lesson-voice .scene-caption { display:none; }
.twoforce-readings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:9px 0; }
.twoforce-readings>div { padding:8px; background:#f0f3e9; border-radius:7px; min-width:0; }
.twoforce-readings span { display:block; font-size:12px; color:var(--muted); }
.twoforce-readings strong { display:block; margin-top:4px; color:var(--green); font-size:23px; white-space:nowrap; }
.twoforce-readings small { font-size:11px; }
.twoforce-compare { background:#f0f3e9; border:1px solid var(--line); border-radius:8px; padding:5px; }
.twoforce-compare table { border-collapse:collapse; width:100%; table-layout:fixed; }
.twoforce-compare th,.twoforce-compare td { padding:8px 3px; text-align:center; border-bottom:1px solid var(--line); }
.twoforce-compare thead th { font-size:12px; font-weight:500; line-height:1.5; }
.twoforce-compare th:first-child { width:35%; text-align:left; }
.twoforce-compare tbody th { font-size:13px; }
.twoforce-compare small { display:block; font-size:12px; font-weight:400; line-height:1.5; }
.twoforce-compare td { font-size:18px; font-weight:700; color:var(--green); }
.twoforce-compare tr:last-child :is(th,td) { border-bottom:0; }
.twoforce-forces { display:flex; gap:10px; flex-wrap:wrap; padding:9px; background:#f1e7d7; border-radius:7px; }
.twoforce-conditions { display:grid; grid-template-columns:1fr 1fr; gap:6px; list-style-position:inside; padding:0; margin:10px 0; }
.twoforce-conditions li { padding:9px; border-radius:7px; background:#e9f0e7; font-size:16px; color:var(--green); }
.twoforce-table-wrap { max-width:100%; overflow:auto; }
.twoforce-table { width:100%; border-collapse:collapse; font-size:12px; }
.twoforce-table td,.twoforce-table th { padding:8px 5px; border-bottom:1px solid var(--line); text-align:left; }
.twoforce-table th { font-weight:600; }
.twoforce-table tbody th { width:38%; }
@media(max-width:700px) {
 .twoforce-readings strong { font-size:20px; }
 .twoforce-compare th,.twoforce-compare td { padding-block:6px; }
 .twoforce-conditions li { font-size:14px; padding:7px; }
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px) {
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .header { min-height:44px; height:44px; flex-basis:44px; }
 html body.studio:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-lesson="j-light-eye"],[data-lesson="j-light-tools"],[data-lesson="j-temperature"],[data-lesson="j-melting"],[data-lesson="j-softening"],[data-lesson="j-boiling"],[data-lesson="j-evaporation"],[data-lesson="j-condensation"],[data-lesson="j-water-cycle"],[data-lesson="j-diffusion"],[data-lesson="j-particles"],[data-lesson="j-interactions"],[data-lesson="j-heat-transfer"],[data-lesson="j-heat-capacity"],[data-lesson="j-heat-engine"],[data-lesson="j-charge"],[data-lesson="j-circuit"],[data-lesson="j-series-parallel"],[data-lesson="j-current"],[data-lesson="j-voltage"],[data-lesson="j-circuit-laws"],[data-lesson="j-resistance"],[data-lesson="j-ohm"],[data-lesson="j-measure-resistance"]):not(.lesson-voice):not(.scene-expanded) .learning-page { grid-template-rows:44px minmax(0,1fr); grid-template-columns:minmax(0,1fr) auto; padding-block:4px; gap:4px; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .studio-title { display:contents; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) :is(.studio-title>div:first-child,.route-link,.studio-tabs>button small,.coach-strip,.apparatus-head,.trial-strip,.apparatus-hint) { display:none; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .learning-tools { grid-column:2; grid-row:1; gap:4px; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .studio-tabs { grid-column:1; grid-row:1; min-width:0; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .studio-tabs>button { flex:1; min-width:0; min-height:44px; padding-inline:4px; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .studio-workspace { grid-column:1 / -1; grid-row:2; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .instrument-bar { flex-basis:104px; min-height:104px; padding:5px 10px; gap:4px 8px; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .instruments { min-height:24px; gap:6px; }
 body:is([data-lesson="l22"],[data-lesson="l23"],[data-lesson="l24"],[data-lesson="friction"],[data-lesson="l27"],[data-lesson="l28"],[data-lesson="l29"],[data-lesson="l30"],[data-lesson="l31"],[data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice):not(.scene-expanded) .instruments strong { font-size:17px; }
}

/* L23: compare the same second separately from actual stopping distances. */
body[data-voice-lesson="inertia"].lesson-voice .scene-caption { display:none; }
body:is([data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-scene-tools { display:none; }
@media(max-width:1000px) {
 body:is([data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice .narration-route { grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:4px; }
 body:is([data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice #narration-scene-tools { display:flex; justify-content:flex-end; min-height:44px; border:0; }
 body:is([data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-scene-tools #scene-expand { position:static; box-shadow:none; padding-inline:8px; flex-shrink:0; }
}
@media(max-width:700px) {
 body:is([data-voice-lesson="inertia"],[data-voice-lesson="sliding"],[data-voice-lesson="staticFriction"],[data-voice-lesson="pressure"],[data-voice-lesson="liquidPressure"],[data-voice-lesson="atmosphere"],[data-voice-lesson="flow"],[data-voice-lesson="buoyancy"],[data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .narration-route [data-narration-stage]>span { display:none; }
}
.inertia-readings { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.inertia-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.inertia-readings span { display:block; font-size:12px; color:var(--muted); }
.inertia-readings strong { display:block; margin-top:4px; color:var(--green); font-size:22px; white-space:nowrap; }
.inertia-readings small { font-size:12px; }
.inertia-method { display:flex; gap:12px; flex-wrap:wrap; padding:12px; background:#f1e7d7; border-radius:8px; }
.inertia-compare { padding:5px; border:1px solid var(--line); border-radius:8px; background:#edf1e7; }
.inertia-compare table { border-collapse:collapse; table-layout:fixed; width:100%; }
.inertia-compare th,.inertia-compare td { padding:10px 4px; border-bottom:1px solid var(--line); text-align:center; }
.inertia-compare th:first-child { width:40%; text-align:left; }
.inertia-compare th { font-size:13px; line-height:1.6; font-weight:500; }
.inertia-compare td { color:var(--green); font-size:21px; font-weight:700; }
.inertia-compare tr:last-child :is(th,td) { border-bottom:0; }
.inertia-law { padding:14px 16px; margin:12px 0; border-left:3px solid var(--green); background:#edf1e7; border-radius:0 8px 8px 0; font-size:18px; line-height:1.8; }
.inertia-table-wrap { max-width:100%; overflow:auto; }
.inertia-table { width:100%; border-collapse:collapse; font-size:13px; }
.inertia-table td,.inertia-table th { border-bottom:1px solid var(--line); padding:10px 5px; text-align:left; }
.inertia-table th { font-weight:500; }
.inertia-table tbody td:nth-child(2) { color:var(--green); font-weight:700; font-size:17px; }
@media(max-width:700px) {
 .inertia-readings>div { padding:8px; }
 .inertia-readings strong { font-size:19px; }
 .inertia-compare td { font-size:19px; }
 .inertia-compare th { font-size:12px; }
 .inertia-table { font-size:12px; }
 .inertia-law { font-size:16px; padding:12px; }
}

/* L24: keep a fixed full scale and an explicitly labelled local enlargement. */
.sliding-fine-gauge { top:6px; }
.sliding-fine-gauge header { display:flex; align-items:baseline; justify-content:space-between; gap:6px; font-size:12px; }
.sliding-fine-gauge strong { font-size:23px; }
.sliding-fine-gauge section { margin-top:5px; }
.sliding-fine-gauge .gauge-ticks { stroke-width:.8; }
.sliding-fine-gauge .gauge-whole .gauge-ticks { stroke-width:.6; }
.sliding-fine-gauge .gauge-pointer { fill:var(--orange); }
.sliding-fine-gauge .gauge-scale-labels { display:flex; justify-content:space-between; gap:2px; font-size:12px; line-height:1.3; font-variant-numeric:tabular-nums; }
.sliding-fine-gauge p { margin:5px 0 0; font-size:11px; line-height:1.4; }
body[data-lesson="l24"] .scene-caption { display:none; }
body[data-voice-lesson="sliding"].lesson-voice .scene-canvas-area>.sliding-gauge { display:none; }
body[data-voice-lesson="sliding"].lesson-voice .has-sliding-gauge #scene { inset:0; width:100%; height:100%; }
.sliding-fine-gauge .gauge-local { border-top:1px solid var(--line); padding-top:5px; }
@container (max-width:599px) and (min-height:240px) {
 body[data-lesson="l24"] .scene-canvas-area>.sliding-fine-gauge { display:grid; grid-template-columns:1fr 1fr; column-gap:10px; width:calc(100% - 24px); }
 body[data-lesson="l24"] .scene-canvas-area>.sliding-fine-gauge :is(header,p) { grid-column:1 / -1; }
 body[data-lesson="l24"] .scene-canvas-area>.sliding-fine-gauge header { padding-right:80px; }
 body[data-lesson="l24"] .scene-canvas-area>.sliding-fine-gauge .gauge-local { border-top:0; border-left:1px solid var(--line); padding:0 0 0 10px; }
 body[data-lesson="l24"]:not(.lesson-voice) .has-sliding-gauge #scene { inset:144px 0 0; width:100%; height:calc(100% - 144px); }
}
@media(max-height:500px) and (orientation:landscape) {
 body[data-lesson="l24"]:not(.lesson-voice):not(.scene-expanded) .scene-canvas-area>.sliding-fine-gauge { display:none; }
 body[data-lesson="l24"]:not(.lesson-voice):not(.scene-expanded) .has-sliding-gauge #scene { inset:0; width:100%; height:100%; }
}
.narration-board .sliding-fine-gauge { position:static; width:100%; margin-top:8px; padding:8px 10px; background:#fffdf7; }
.sliding-balance { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.sliding-balance strong { display:block; font-size:26px; font-weight:600; color:var(--green); }
.sliding-balance sub { font-size:14px; }
.sliding-balance span { display:block; font-size:12px; margin-top:4px; }
.sliding-force-directions { display:grid; gap:8px; padding:12px; border-radius:8px; background:#edf1e7; color:var(--green); }
.sliding-compare { padding:5px; border:1px solid var(--line); border-radius:8px; background:#edf1e7; }
.sliding-compare table { border-collapse:collapse; table-layout:fixed; width:100%; }
.sliding-compare th,.sliding-compare td { padding:10px 4px; border-bottom:1px solid var(--line); text-align:center; }
.sliding-compare th:first-child { width:48%; text-align:left; }
.sliding-compare th { font-size:13px; font-weight:500; line-height:1.5; }
.sliding-compare small { display:block; font-weight:400; font-size:12px; margin-top:3px; }
.sliding-compare td { color:var(--green); font-size:20px; font-weight:600; }
.sliding-compare tr:last-child :is(th,td) { border-bottom:0; }
.sliding-table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.sliding-table th,.sliding-table td { padding:9px 3px; border-bottom:1px solid var(--line); text-align:right; }
.sliding-table th:first-child { width:57%; text-align:left; font-weight:500; }
.sliding-table td { color:var(--green); font-size:16px; }
.sliding-objects { margin:12px 0; }
.sliding-objects>div { margin-top:12px; border-left:3px solid var(--green); padding-left:12px; }
.sliding-objects dt { font-size:16px; font-weight:600; color:var(--green); }
.sliding-objects dd { margin:4px 0 0; font-size:14px; }
@media(max-width:700px) {
 .sliding-compare td { font-size:18px; }
 .sliding-balance { padding:9px; margin-block:8px; }
 .sliding-balance strong { font-size:23px; }
 .narration-board .sliding-fine-gauge { padding:6px 8px; }
}

/* L25: compare real static records before looking at the moving condition. */
body[data-lesson="friction"] .scene-caption { display:none; }
.static-readings { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.static-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.static-readings span { display:block; font-size:12px; color:var(--muted); }
.static-readings strong { display:block; margin-top:4px; color:var(--green); font-size:22px; white-space:nowrap; }
.static-readings small { font-size:12px; }
.static-motion { color:var(--green); font-size:13px; line-height:1.7; }
.static-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.static-law strong { display:block; font-size:24px; color:var(--green); }
.static-law sub { font-size:13px; }
.static-law span { display:block; font-size:12px; line-height:1.6; margin-top:5px; }
.static-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.static-table th,.static-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:14px; line-height:1.5; }
.static-table th { font-weight:500; }
.static-table tbody th,.static-table tbody td:nth-child(2) { font-size:20px; font-weight:600; color:var(--green); }
.static-table small { display:block; font-size:12px; margin-top:4px; white-space:nowrap; }
@media(max-width:700px) {
 .static-readings>div { padding:8px; }
 .static-readings strong { font-size:20px; }
 .static-table tbody th,.static-table tbody td:nth-child(2) { font-size:18px; }
 .static-law { padding:9px; margin-block:8px; }
 .static-law strong { font-size:21px; }
}

/* L27: pressure, contact area and calculated pressure intensity share one board. */
body[data-lesson="l27"].lesson-voice .scene-caption { display:none; }
.pressure-readings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:10px 0; }
.pressure-readings>div { padding:9px 6px; border-radius:8px; background:#edf1e7; min-width:0; }
.pressure-readings span { display:block; font-size:12px; color:var(--muted); }
.pressure-readings strong { display:block; margin-top:5px; font-size:19px; color:var(--green); white-space:nowrap; }
.pressure-readings small { font-size:11px; }
.pressure-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.pressure-table th,.pressure-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.pressure-table th { font-weight:500; white-space:nowrap; }
.pressure-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.pressure-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.pressure-law strong { display:block; font-size:25px; color:var(--green); }
.pressure-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .pressure-law { padding:9px; margin-block:8px; }
 .pressure-law strong { font-size:23px; }
 .pressure-table th,.pressure-table td { padding:7px 2px; }
}

/* L28: compare only the requested variable, then collect all five readings. */
body:is([data-lesson="l28"],[data-lesson="l29"]).lesson-voice .scene-caption { display:none; }
.liquidpressure-readings { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.liquidpressure-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.liquidpressure-readings span { display:block; font-size:12px; color:var(--muted); }
.liquidpressure-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.liquidpressure-readings small { font-size:12px; }
.liquidpressure-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.liquidpressure-table th,.liquidpressure-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.liquidpressure-table th { font-weight:500; white-space:nowrap; }
.liquidpressure-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.liquidpressure-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.liquidpressure-law strong { display:block; font-size:25px; color:var(--green); }
.liquidpressure-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .liquidpressure-law { padding:9px; margin-block:8px; }
 .liquidpressure-law strong { font-size:23px; }
 .liquidpressure-table th,.liquidpressure-table td { padding:7px 2px; }
}

.liquidpressure-probe { margin:8px 0; padding:5px 8px; background:#f1eadd; border-radius:8px; }
.liquidpressure-probe svg { width:100%; height:76px; display:block; }
.liquidpressure-probe figcaption { font-size:12px; color:var(--muted); text-align:center; }

.atmosphere-readings { display:grid; gap:8px; margin:10px 0; }
.atmosphere-readings>div { padding:10px; border-radius:8px; background:#edf1e7; }
.atmosphere-readings span { display:block; color:var(--muted); font-size:13px; }
.atmosphere-readings strong { display:block; color:var(--green); font-size:24px; margin-top:4px; }
.atmosphere-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.atmosphere-table th,.atmosphere-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.atmosphere-table th { font-weight:500; }
.atmosphere-table tbody td { font-size:16px; font-weight:600; color:var(--green); }
.atmosphere-law { margin:12px 0; padding:12px; border-radius:8px; background:#edf1e7; }
.atmosphere-law strong { display:block; font-size:23px; color:var(--green); }
.atmosphere-law span { display:block; font-size:13px; line-height:1.6; margin-top:6px; }
body[data-voice-lesson="atmosphere"] .narration-board h4 { margin:18px 0 7px; font-size:17px; }
@media(max-width:600px){.atmosphere-law{padding:9px;margin-block:8px}.atmosphere-law strong{font-size:21px}.atmosphere-table th,.atmosphere-table td{padding:7px 2px}}

.flow-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.flow-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.flow-readings span { display:block; font-size:12px; color:var(--muted); }
.flow-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.flow-readings small { font-size:12px; }
.flow-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.flow-table th,.flow-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.flow-table th { font-weight:500; white-space:nowrap; }
.flow-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.flow-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.flow-law strong { display:block; font-size:25px; color:var(--green); }
.flow-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .flow-law { padding:9px; margin-block:8px; }
 .flow-law strong { font-size:23px; }
 .flow-table th,.flow-table td { padding:7px 2px; }
}

.buoyancy-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.buoyancy-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.buoyancy-readings span { display:block; font-size:12px; color:var(--muted); }
.buoyancy-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.buoyancy-readings small { font-size:12px; }
.buoyancy-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.buoyancy-table th,.buoyancy-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.buoyancy-table th { font-weight:500; white-space:nowrap; }
.buoyancy-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.buoyancy-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.buoyancy-law strong { display:block; font-size:25px; color:var(--green); }
.buoyancy-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .buoyancy-law { padding:9px; margin-block:8px; }
 .buoyancy-law strong { font-size:23px; }
 .buoyancy-table th,.buoyancy-table td { padding:7px 2px; }
}

body[data-voice-lesson="buoyancy"].lesson-voice .scene-caption { display:none; }
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body[data-lesson="l31"].scene-expanded:not(.lesson-voice) .coach-strip p { display:none; }
}

.vessel-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.vessel-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.vessel-readings span { display:block; font-size:12px; color:var(--muted); }
.vessel-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.vessel-readings small { font-size:12px; }
.vessel-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.vessel-table th,.vessel-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.vessel-table th { font-weight:500; white-space:nowrap; }
.vessel-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.vessel-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.vessel-law strong { display:block; font-size:25px; color:var(--green); }
.vessel-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .vessel-law { padding:9px; margin-block:8px; }
 .vessel-law strong { font-size:23px; }
 .vessel-table th,.vessel-table td { padding:7px 2px; }
}

body:is([data-voice-lesson="vessel"],[data-voice-lesson="leverBalance"],[data-voice-lesson="pulley"],[data-voice-lesson="work"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice .scene-caption { display:none; }
body:is([data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"]) .scene-caption { display:none; }
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body:is([data-lesson="l32"],[data-lesson="l33"],[data-lesson="l34"],[data-lesson="l35"],[data-lesson="l36"],[data-lesson="l37"],[data-lesson="l38"],[data-lesson="j-sound-vibration"],[data-lesson="j-sound-medium"],[data-lesson="j-sound-properties"],[data-lesson="j-sound-echo"],[data-lesson="j-sound-noise"],[data-lesson="j-light-path"],[data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).scene-expanded:not(.lesson-voice) .coach-strip p { display:none; }
}

.lever-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.lever-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.lever-readings span { display:block; font-size:12px; color:var(--muted); }
.lever-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.lever-readings small { font-size:12px; }
.lever-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.lever-table th,.lever-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.lever-table th { font-weight:500; white-space:nowrap; }
.lever-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.lever-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.lever-law strong { display:block; font-size:25px; color:var(--green); }
.lever-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .lever-law { padding:9px; margin-block:8px; }
 .lever-law strong { font-size:23px; }
 .lever-table th,.lever-table td { padding:7px 2px; }
}
/* L33: separate the adjacent native scrollports in a short landscape view. */
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape) {
 body:is([data-voice-lesson="leverBalance"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice .narration-board { contain:paint; border-bottom:6px solid #f0f0e8; }
 body:is([data-voice-lesson="leverBalance"],[data-voice-lesson="ramp"],[data-voice-lesson="energy"],[data-voice-lesson="moveplan"],[data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]).lesson-voice .incline-narration { contain:paint; border-top:6px solid #fffdf7; }
}

.pulley-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.pulley-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.pulley-readings span { display:block; font-size:12px; color:var(--muted); }
.pulley-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.pulley-readings small { font-size:12px; }
.pulley-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.pulley-table th,.pulley-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.pulley-table th { font-weight:500; white-space:nowrap; }
.pulley-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.pulley-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.pulley-law strong { display:block; font-size:25px; color:var(--green); }
.pulley-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .pulley-law { padding:9px; margin-block:8px; }
 .pulley-law strong { font-size:23px; }
 .pulley-table th,.pulley-table td { padding:7px 2px; }
}

.work-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.work-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.work-readings span { display:block; font-size:12px; color:var(--muted); }
.work-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.work-readings small { font-size:12px; }
.work-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.work-table th,.work-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.work-table th { font-weight:500; white-space:nowrap; }
.work-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.work-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.work-law strong { display:block; font-size:25px; color:var(--green); }
.work-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .work-law { padding:9px; margin-block:8px; }
 .work-law strong { font-size:23px; }
 .work-table th,.work-table td { padding:7px 2px; }
}

.work-direction { display:block; width:100%; max-height:160px; margin:8px 0; }
.work-direction text { font-size:16px; fill:var(--green); }
.work-law strong { white-space:pre-line; }
.work-power-graph { display:block; width:100%; margin:8px 0; overflow:visible; }
.work-power-graph text { font-size:14px; fill:var(--green); }
@media (min-width:601px) and (max-width:1000px) and (min-height:501px) {
 .work-power-graph text { font-size:16px; }
}
.work-slow { color:#315f56; }
.work-fast { color:#b9653d; }

.ramp-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.ramp-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.ramp-readings span { display:block; font-size:12px; color:var(--muted); }
.ramp-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.ramp-readings small { font-size:12px; }
.ramp-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.ramp-table th,.ramp-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.ramp-table th { font-weight:500; white-space:nowrap; }
.ramp-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.ramp-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.ramp-law strong { display:block; font-size:25px; color:var(--green); }
.ramp-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .ramp-law { padding:9px; margin-block:8px; }
 .ramp-law strong { font-size:23px; }
 .ramp-table th,.ramp-table td { padding:7px 2px; }
}


.ramp-law strong { white-space:pre-line; }
.ramp-work-diagram { display:block; width:100%; margin:8px 0; }
.ramp-work-diagram text { font-size:16px; }

.energy-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.energy-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.energy-readings span { display:block; font-size:12px; color:var(--muted); }
.energy-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.energy-readings small { font-size:12px; }
.energy-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.energy-table th,.energy-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.energy-table th { font-weight:500; white-space:nowrap; }
.energy-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.energy-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.energy-law strong { display:block; font-size:25px; color:var(--green); }
.energy-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .energy-law { padding:9px; margin-block:8px; }
 .energy-law strong { font-size:23px; }
 .energy-table th,.energy-table td { padding:7px 2px; }
}


.energy-law strong { white-space:pre-line; }

.energy-bars { display:block; width:100%; margin:8px 0; }
.energy-bars text { font-size:16px; }

.moveplan-readings { display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0; }
.moveplan-readings>div { padding:10px; border-radius:8px; background:#edf1e7; min-width:0; }
.moveplan-readings span { display:block; font-size:12px; color:var(--muted); }
.moveplan-readings strong { display:block; margin-top:5px; font-size:22px; color:var(--green); white-space:nowrap; }
.moveplan-readings small { font-size:12px; }
.moveplan-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.moveplan-table th,.moveplan-table td { border-bottom:1px solid var(--line); padding:8px 3px; text-align:left; font-size:13px; line-height:1.5; }
.moveplan-table th { font-weight:500; white-space:nowrap; }
.moveplan-table tbody td { font-size:17px; font-weight:600; color:var(--green); }
.moveplan-law { padding:12px; border-radius:8px; background:#edf1e7; margin:12px 0; }
.moveplan-law strong { display:block; font-size:25px; color:var(--green); }
.moveplan-law span { display:block; font-size:13px; line-height:1.6; margin-top:5px; }
@media(max-width:700px) {
 .moveplan-law { padding:9px; margin-block:8px; }
 .moveplan-law strong { font-size:23px; }
 .moveplan-table th,.moveplan-table td { padding:7px 2px; }
}


.moveplan-law strong { white-space:pre-line; }


.moveplan-bars { display:block; width:100%; margin:8px 0; }
.moveplan-bars text { font-size:16px; }

.sound-source-law {padding:12px;border-radius:8px;background:#edf1e7;margin:12px 0;}
.sound-source-law strong {display:block;font-size:23px;color:var(--green);white-space:pre-line;line-height:1.4;}
.sound-source-law span {display:block;font-size:14px;line-height:1.6;margin-top:6px;}
.sound-source-table {width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;}
.sound-source-table th,.sound-source-table td {padding:8px 4px;border-bottom:1px solid var(--line);text-align:left;}
.sound-source-range {width:100%;max-height:135px;display:block;background:#f8f7f0;border-radius:8px;margin-block:10px;}
.sound-source-range text {font-size:13px;fill:#315f56;}
body:is([data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #experiment-sound {min-height:44px;}
body:is([data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.lesson-voice) #play {min-height:44px;}
body.lesson-voice:is([data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #experiment-sound {display:block;grid-area:auto;}
@media(max-width:700px){.sound-source-law {padding:9px;margin-block:8px;}.sound-source-law strong {font-size:21px;}}

body:is([data-voice-lesson="soundSource"],[data-voice-lesson="soundMedium"],[data-voice-lesson="soundProperties"],[data-voice-lesson="soundEcho"],[data-voice-lesson="soundNoise"],[data-voice-lesson="lightPath"],[data-voice-lesson="lightReflection"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #experiment-sound {font-size:12px;padding-inline:8px;flex-shrink:0;}

/* Sound propagation: real millisecond timing, separate enlarged parcel view. */
.medium-law {border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0;}
.medium-law strong {display:block;font-size:19px;line-height:1.5;color:#234f46;}
.medium-law p {font-size:14px;line-height:1.65;margin:4px 0 0;}
.medium-table {border-collapse:collapse;width:100%;font-size:14px;margin:10px 0;}
.medium-table th,.medium-table td {text-align:left;padding:8px 5px;border-bottom:1px solid #dbe1d4;}
.medium-table thead {color:#56675b;}
.medium-parcel {width:100%;max-height:136px;display:block;}
.medium-parcel text {font:12px sans-serif;fill:#36574b;}
@media(max-width:600px),(max-height:550px){body[data-lesson="j-sound-medium"]:not(.scene-expanded) .scene-inspect{display:none}.medium-law strong{font-size:16px}.medium-law p{font-size:13px}.medium-table{font-size:12px}.medium-table th,.medium-table td{padding:6px 4px}.medium-parcel{max-height:112px}}

/* Signal comparisons: same fixed graph in all four trials. */
.sound-properties-law{border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0}
.sound-properties-law strong{display:block;font-size:19px;line-height:1.5;color:#234f46}
.sound-properties-law p{font-size:14px;line-height:1.65;margin:4px 0 0}
.sound-properties-table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.sound-properties-table th,.sound-properties-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #dbe1d4}
.sound-properties-wave{width:100%;max-height:155px;display:block;background:#f7f7ed;border-radius:8px}
.sound-properties-wave text{font:15px sans-serif;fill:#36574b}
@media(max-width:600px),(max-height:550px){body[data-lesson="j-sound-properties"]:not(.scene-expanded) .scene-inspect{display:none}.sound-properties-law strong{font-size:16px}.sound-properties-law p{font-size:13px}.sound-properties-table{font-size:12px}.sound-properties-table th,.sound-properties-table td{padding:6px 3px}.sound-properties-wave{max-height:128px}}

/* Echo records share one physical clock with the sound buffer. */
.echo-law{border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0}
.echo-law strong{display:block;font-size:19px;line-height:1.5;color:#234f46}
.echo-law p{font-size:14px;line-height:1.65;margin:4px 0 0}
.echo-table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.echo-table th,.echo-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #dbe1d4}
@media(max-width:600px),(max-height:550px){body[data-lesson="j-sound-echo"]:not(.scene-expanded) .scene-inspect{display:none}.echo-law strong{font-size:16px}.echo-law p{font-size:13px}.echo-table{font-size:12px}.echo-table th,.echo-table td{padding:6px 3px}}

/* Noise control: compare locations without turning relative signals into dB. */
.noise-law{border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0}
.noise-law strong{display:block;font-size:19px;line-height:1.5;color:#234f46}
.noise-law p{font-size:14px;line-height:1.65;margin:4px 0 0}
.noise-table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.noise-table th,.noise-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #dbe1d4}
@media(max-width:600px),(max-height:550px){body[data-lesson="j-sound-noise"]:not(.scene-expanded) .scene-inspect{display:none}.noise-law strong{font-size:16px}.noise-law p{font-size:13px}.noise-table{font-size:12px}.noise-table th,.noise-table td{padding:6px 3px}}

/* Optics: the enlarged screen reads the same geometric model as the apparatus. */
.light-path-law{border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0}
.light-path-law strong{display:block;font-size:19px;line-height:1.5;color:#234f46}
.light-path-law p{font-size:14px;line-height:1.65;margin:4px 0 0}
.light-path-table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.light-path-table th,.light-path-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #dbe1d4}
.light-screen-diagram{margin:8px 0;display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:12px;align-items:center}
.light-screen-diagram svg{display:block;width:100%;max-height:180px}
.light-screen-diagram figcaption{font-size:13px;line-height:1.6;color:#52675e}
@media(max-width:600px),(max-height:550px){body[data-lesson="j-light-path"]:not(.scene-expanded) .scene-inspect{display:none}.light-path-law strong{font-size:16px}.light-path-law p{font-size:13px}.light-path-table{font-size:12px}.light-path-table th,.light-path-table td{padding:6px 3px}.light-screen-diagram{grid-template-columns:108px minmax(0,1fr)}.light-screen-diagram svg{max-height:108px}}

/* Reflection: a normal-based diagram and real recorded local angles. */
.reflection-law{border-left:3px solid #668f7f;padding:8px 12px;background:#eef2e9;border-radius:0 9px 9px 0;margin:8px 0}
.reflection-law strong{display:block;font-size:19px;line-height:1.5;color:#234f46}.reflection-law p{font-size:14px;line-height:1.65;margin:4px 0 0}
.reflection-table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}.reflection-table th,.reflection-table td{text-align:left;padding:8px 4px;border-bottom:1px solid #dbe1d4}
.reflection-diagram{margin:8px 0}.reflection-diagram svg{display:block;width:100%;max-height:180px}.reflection-diagram figcaption{font-size:13px;line-height:1.6;color:#52675e}
@media(max-width:600px),(max-height:550px){body:is([data-lesson="j-light-reflection"],[data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]):not(.scene-expanded) :is(.scene-inspect,.scene-caption){display:none}.reflection-law strong{font-size:16px}.reflection-law p{font-size:13px}.reflection-table{font-size:12px}.reflection-table th,.reflection-table td{padding:6px 3px}.reflection-diagram svg{max-height:116px}}

body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .mirror-law {background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .mirror-law strong {font-size:18px;line-height:1.5;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .mirror-table {width:100%;border-collapse:collapse;font-size:13px;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .mirror-table th,
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .mirror-table td {padding:8px 6px;border-bottom:1px solid #dce4db;text-align:left;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) figure {margin:10px 0;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) figure svg {display:block;width:100%;max-height:250px;}
body:is([data-lesson="j-light-mirror"],[data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightMirror"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) figcaption {font-size:12px;line-height:1.6;color:#526358;}
#mirror-manual-observation {padding:12px;background:#f8f7ef;border-radius:12px;margin-bottom:12px;}
#mirror-manual-observation h3 {font-size:15px;margin:0 0 8px;}
#mirror-manual-observation p {font-size:13px;line-height:1.6;}

body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .refraction-law {background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0;}
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .refraction-law strong {font-size:18px;line-height:1.5;}
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .refraction-table {width:100%;border-collapse:collapse;font-size:13px;}
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .refraction-table th,
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .refraction-table td {padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left;}
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) dl {display:grid;grid-template-columns:1fr auto;margin:10px 0;gap:6px;font-size:15px;}
body:is([data-lesson="j-light-refraction"],[data-lesson="j-light-colour"],[data-voice-lesson="lightRefraction"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) dd {margin:0;font-weight:700;}
#refraction-manual-observation {padding:12px;background:#f8f7ef;border-radius:12px;margin-bottom:12px;}

body:is([data-lesson="j-light-colour"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .colour-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body:is([data-lesson="j-light-colour"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .colour-law strong{font-size:18px;line-height:1.5}body:is([data-lesson="j-light-colour"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .colour-table{width:100%;border-collapse:collapse;font-size:13px}body:is([data-lesson="j-light-colour"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .colour-table th,body:is([data-lesson="j-light-colour"],[data-voice-lesson="lightColour"],[data-lesson="j-light-lens"],[data-voice-lesson="lightLens"],[data-lesson="j-light-eye"],[data-voice-lesson="lightEye"],[data-lesson="j-light-tools"],[data-voice-lesson="lightTools"],[data-lesson="j-temperature"],[data-voice-lesson="temperature"],[data-lesson="j-melting"],[data-voice-lesson="melting"],[data-lesson="j-softening"],[data-voice-lesson="softening"],[data-lesson="j-boiling"],[data-voice-lesson="boiling"],[data-lesson="j-evaporation"],[data-voice-lesson="evaporation"],[data-lesson="j-condensation"],[data-voice-lesson="condensation"],[data-lesson="j-water-cycle"],[data-voice-lesson="waterCycle"],[data-lesson="j-diffusion"],[data-voice-lesson="diffusion"],[data-lesson="j-particles"],[data-voice-lesson="particles"],[data-lesson="j-interactions"],[data-voice-lesson="interactions"],[data-lesson="j-heat-transfer"],[data-voice-lesson="heat-transfer"],[data-lesson="j-heat-capacity"],[data-voice-lesson="heat-capacity"],[data-lesson="j-heat-engine"],[data-voice-lesson="heat-engine"],[data-lesson="j-charge"],[data-voice-lesson="charge"],[data-lesson="j-circuit"],[data-voice-lesson="circuit"],[data-lesson="j-series-parallel"],[data-voice-lesson="series-parallel"],[data-lesson="j-current"],[data-voice-lesson="current"],[data-lesson="j-voltage"],[data-voice-lesson="voltage"],[data-lesson="j-circuit-laws"],[data-voice-lesson="circuit-laws"],[data-lesson="j-resistance"],[data-voice-lesson="resistance"],[data-lesson="j-ohm"],[data-voice-lesson="ohm"],[data-lesson="j-measure-resistance"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) .colour-table td{padding:8px 6px;border-bottom:1px solid #dce4db;text-align:left}#colour-manual-observation{padding:12px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:520px){body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes figure svg{max-height:170px}body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes figure{margin:6px 0}}
@media(max-height:500px) and (min-width:600px){body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes:has(figure) .teaching-label{display:none}body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes:has(figure) h3{font-size:18px;line-height:1.3;margin:0 0 5px}body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes figure{margin:0}body:is([data-voice-lesson="lightColour"],[data-voice-lesson="lightLens"],[data-voice-lesson="lightEye"],[data-voice-lesson="lightTools"],[data-voice-lesson="temperature"],[data-voice-lesson="melting"],[data-voice-lesson="softening"],[data-voice-lesson="boiling"],[data-voice-lesson="evaporation"],[data-voice-lesson="condensation"],[data-voice-lesson="waterCycle"],[data-voice-lesson="diffusion"],[data-voice-lesson="particles"],[data-voice-lesson="interactions"],[data-voice-lesson="heat-transfer"],[data-voice-lesson="heat-capacity"],[data-voice-lesson="heat-engine"],[data-voice-lesson="charge"],[data-voice-lesson="circuit"],[data-voice-lesson="series-parallel"],[data-voice-lesson="current"],[data-voice-lesson="voltage"],[data-voice-lesson="circuit-laws"],[data-voice-lesson="resistance"],[data-voice-lesson="ohm"],[data-voice-lesson="measurement"],[data-voice-lesson="lamp"],[data-voice-lesson="electricPower"]) #narration-notes figure svg{max-height:146px}}

body[data-lesson="j-light-lens"] .lens-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-light-lens"] .lens-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-light-lens"] .lens-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-light-lens"] .lens-table th,body[data-lesson="j-light-lens"] .lens-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-light-lens"] figure svg text{font-size:22px;fill:#31574b}body[data-lesson="j-light-lens"] .lens-screen-canvas{display:block;width:auto;height:170px;max-width:100%;margin:0 auto;border-radius:8px}#lens-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}body[data-lesson="j-light-lens"] .lens-screen-view figcaption{text-align:center;margin-top:6px}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-light-lens"] .lens-screen-canvas{height:123px}}

body[data-lesson="j-light-lens"] figure svg text{font-size:27px}body[data-voice-lesson="lightLens"].lesson-voice .scene-caption{display:block}
@media(max-width:700px){body[data-voice-lesson="lightLens"].lesson-voice:not(.voice-concluded) .narration-board{max-height:225px}body[data-voice-lesson="lightLens"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="lightLens"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="lightLens"] #narration-notes figure{margin:0}body[data-voice-lesson="lightLens"] #narration-notes figure svg{max-height:145px}body[data-voice-lesson="lightLens"] .lens-screen-canvas{height:145px}}

body[data-lesson="j-light-eye"] .eye-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-light-eye"] .eye-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-light-eye"] .eye-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-light-eye"] .eye-table th,body[data-lesson="j-light-eye"] .eye-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-light-eye"] figure svg text{font-size:22px;fill:#31574b}body[data-lesson="j-light-eye"] .eye-retina-canvas{display:block;width:auto;height:170px;max-width:100%;margin:0 auto;border-radius:8px}#eye-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}body[data-lesson="j-light-eye"] .eye-retina-view figcaption{text-align:center;margin-top:6px}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-light-eye"] .eye-retina-canvas{height:123px}}

body[data-lesson="j-light-eye"] figure svg text{font-size:27px}@media(min-height:501px),(max-width:599px){body[data-voice-lesson="lightEye"].lesson-voice .scene-caption{display:block}}
@media(max-width:700px){body[data-voice-lesson="lightEye"].lesson-voice:not(.voice-concluded) .narration-board{max-height:225px}body[data-voice-lesson="lightEye"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="lightEye"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="lightEye"] #narration-notes figure{margin:0}body[data-voice-lesson="lightEye"] #narration-notes figure svg{max-height:145px}body[data-voice-lesson="lightEye"] .eye-retina-canvas{height:145px}}

body[data-lesson="j-light-tools"] .tools-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-light-tools"] .tools-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-light-tools"] .tools-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-light-tools"] .tools-table th,body[data-lesson="j-light-tools"] .tools-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-light-tools"] figure svg text{font-size:22px;fill:#31574b}body[data-lesson="j-light-tools"] .tools-image-canvas{display:block;width:min(100%,170px);height:auto;max-width:100%;margin:0 auto;border-radius:8px}#tools-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}body[data-lesson="j-light-tools"] .tools-image-view figcaption{text-align:center;margin-top:6px}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-light-tools"] .tools-image-canvas{width:min(100%,123px);height:auto}}

body[data-lesson="j-light-tools"] figure svg text{font-size:27px}@media(min-height:501px),(max-width:599px){body[data-voice-lesson="lightTools"].lesson-voice .scene-caption{display:block}}
@media(max-width:700px){body[data-voice-lesson="lightTools"].lesson-voice:not(.voice-concluded) .narration-board{max-height:225px}body[data-voice-lesson="lightTools"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="lightTools"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="lightTools"] #narration-notes figure{margin:0}body[data-voice-lesson="lightTools"] #narration-notes figure svg{max-height:145px}body[data-voice-lesson="lightTools"] .tools-image-canvas{width:min(100%,145px);height:auto}}

body[data-lesson="j-light-tools"] .tools-observation.with-slide{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;max-width:310px;margin:0 auto}body[data-lesson="j-light-tools"] .tools-observation figure{margin:0}body[data-lesson="j-light-tools"] .tool-slide-view svg{display:block;width:64px;height:100px}body[data-lesson="j-light-tools"] .tool-slide-view small{display:block;font-size:12px;text-align:center;line-height:1.5}

body[data-lesson="j-temperature"] .temperature-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-temperature"] .temperature-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-temperature"] .temperature-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-temperature"] .temperature-table th,body[data-lesson="j-temperature"] .temperature-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-temperature"] figure{margin:0}body[data-lesson="j-temperature"] figure svg{display:block;width:100%;max-height:190px;margin:auto}body[data-lesson="j-temperature"] figure svg text{font-size:26px;fill:#31574b}body[data-lesson="j-temperature"] figure figcaption{font-size:13px;line-height:1.5}body[data-lesson="j-temperature"] .temperature-status{font-size:13px;line-height:1.5;margin:6px 0}#temperature-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="temperature"].lesson-voice:not(.voice-concluded) .narration-board{max-height:260px}body[data-voice-lesson="temperature"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="temperature"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="temperature"] #narration-notes figure svg{max-height:165px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-temperature"] figure svg{max-height:136px}}

body[data-lesson="j-melting"] .melting-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-melting"] .melting-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-melting"] .melting-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-melting"] .melting-table th,body[data-lesson="j-melting"] .melting-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-melting"] figure{margin:0}body[data-lesson="j-melting"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-melting"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-melting"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-melting"] .melting-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-melting"] .melting-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-melting"] .melting-readings p,body[data-lesson="j-melting"] .melting-clock{font-size:13px;line-height:1.45;margin:5px 0}.melting-mass-bar{height:8px;background:#d8e9eb;border:1px solid #80b1ba;border-radius:6px;overflow:hidden}.melting-mass-bar i{display:block;height:100%;background:#4e96a3}#melting-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="melting"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="melting"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="melting"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="melting"] #narration-notes figure svg{max-height:125px}body[data-voice-lesson="melting"] #narration-notes .melting-readings p,body[data-voice-lesson="melting"] #narration-notes .melting-clock{margin:2px 0;line-height:1.4}body[data-voice-lesson="melting"] #narration-notes .melting-readings strong{font-size:19px;line-height:1.4}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-melting"] figure svg{max-height:125px}}

body[data-lesson="j-softening"] .softening-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-softening"] .softening-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-softening"] .softening-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-softening"] .softening-table th,body[data-lesson="j-softening"] .softening-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-softening"] figure{margin:0}body[data-lesson="j-softening"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-softening"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-softening"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-softening"] .softening-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-softening"] .softening-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-softening"] .softening-readings p,body[data-lesson="j-softening"] .softening-clock{font-size:13px;line-height:1.45;margin:5px 0}.softening-mass-bar{height:8px;background:#d8e9eb;border:1px solid #80b1ba;border-radius:6px;overflow:hidden}.softening-mass-bar i{display:block;height:100%;background:#4e96a3}#softening-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="softening"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="softening"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="softening"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="softening"] #narration-notes figure svg{max-height:125px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-softening"] figure svg{max-height:125px}}

body[data-lesson="j-boiling"] .boiling-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-boiling"] .boiling-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-boiling"] .boiling-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-boiling"] .boiling-table th,body[data-lesson="j-boiling"] .boiling-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-boiling"] figure{margin:0}body[data-lesson="j-boiling"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-boiling"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-boiling"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-boiling"] .boiling-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-boiling"] .boiling-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-boiling"] .boiling-readings p,body[data-lesson="j-boiling"] .boiling-clock{font-size:13px;line-height:1.45;margin:5px 0}#boiling-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="boiling"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="boiling"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="boiling"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="boiling"] #narration-notes figure svg{max-height:125px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-boiling"] figure svg{max-height:125px}}

@media(max-width:700px){body[data-voice-lesson="boiling"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="boiling"] #narration-notes figure svg text{font-size:28px}}

body[data-lesson="j-evaporation"] .evaporation-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-evaporation"] .evaporation-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-evaporation"] .evaporation-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-evaporation"] .evaporation-table th,body[data-lesson="j-evaporation"] .evaporation-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-evaporation"] figure{margin:0}body[data-lesson="j-evaporation"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-evaporation"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-evaporation"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-evaporation"] .evaporation-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-evaporation"] .evaporation-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-evaporation"] .evaporation-readings p,body[data-lesson="j-evaporation"] .evaporation-clock{font-size:13px;line-height:1.45;margin:5px 0}#evaporation-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="evaporation"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="evaporation"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="evaporation"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="evaporation"] #narration-notes figure svg{max-height:125px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-evaporation"] figure svg{max-height:125px}}

@media(max-width:700px){body[data-voice-lesson="evaporation"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="evaporation"] #narration-notes figure svg text{font-size:28px}}

body[data-lesson="j-condensation"] .condensation-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-condensation"] .condensation-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-condensation"] .condensation-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-condensation"] .condensation-table th,body[data-lesson="j-condensation"] .condensation-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-condensation"] figure{margin:0}body[data-lesson="j-condensation"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-condensation"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-condensation"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-condensation"] .condensation-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-condensation"] .condensation-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-condensation"] .condensation-readings p,body[data-lesson="j-condensation"] .condensation-clock{font-size:13px;line-height:1.45;margin:5px 0}#condensation-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="condensation"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="condensation"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="condensation"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="condensation"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="condensation"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-condensation"] figure svg{max-height:125px}}

body[data-lesson="j-water-cycle"] .water-cycle-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-water-cycle"] .water-cycle-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-water-cycle"] .water-cycle-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-water-cycle"] .water-cycle-table th,body[data-lesson="j-water-cycle"] .water-cycle-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-water-cycle"] figure{margin:0}body[data-lesson="j-water-cycle"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-water-cycle"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-water-cycle"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-water-cycle"] .water-cycle-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-water-cycle"] .water-cycle-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-water-cycle"] .water-cycle-readings p,body[data-lesson="j-water-cycle"] .water-cycle-clock{font-size:13px;line-height:1.45;margin:5px 0}#water-cycle-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="waterCycle"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="waterCycle"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="waterCycle"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="waterCycle"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="waterCycle"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-water-cycle"] figure svg{max-height:125px}}

body[data-lesson="j-water-cycle"] .water-cycle-pairs{display:grid;gap:8px}body[data-lesson="j-water-cycle"] .water-cycle-pairs>div{border-left:3px solid #809b8b;padding:6px 10px;background:#f2f4eb}body[data-lesson="j-water-cycle"] .water-cycle-pairs p{font-size:14px;line-height:1.5;margin:3px 0}body[data-lesson="j-water-cycle"] .water-cycle-pairs strong{font-size:17px}body[data-lesson="j-water-cycle"] .water-cycle-nature svg{max-height:300px}body[data-lesson="j-water-cycle"] .water-cycle-nature svg text{font-size:29px}@media(max-width:700px){body[data-voice-lesson="waterCycle"] #narration-notes .water-cycle-nature svg{max-height:205px}body[data-voice-lesson="waterCycle"] #narration-notes .water-cycle-nature svg text{font-size:29px}}

body[data-lesson="j-diffusion"] .diffusion-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-diffusion"] .diffusion-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-diffusion"] .diffusion-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-diffusion"] .diffusion-table th,body[data-lesson="j-diffusion"] .diffusion-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-diffusion"] figure{margin:0}body[data-lesson="j-diffusion"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-diffusion"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-diffusion"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-diffusion"] .diffusion-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-diffusion"] .diffusion-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-diffusion"] .diffusion-readings p,body[data-lesson="j-diffusion"] .diffusion-clock{font-size:13px;line-height:1.45;margin:5px 0}#diffusion-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="diffusion"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="diffusion"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="diffusion"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="diffusion"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="diffusion"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-diffusion"] figure svg{max-height:125px}}

body[data-lesson="j-particles"] .particles-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-particles"] .particles-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-particles"] .particles-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-particles"] .particles-table th,body[data-lesson="j-particles"] .particles-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-particles"] figure{margin:0}body[data-lesson="j-particles"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-particles"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-particles"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-particles"] .particles-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-particles"] .particles-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-particles"] .particles-readings p,body[data-lesson="j-particles"] .particles-clock{font-size:13px;line-height:1.45;margin:5px 0}#particles-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="particles"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="particles"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="particles"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="particles"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="particles"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-particles"] figure svg{max-height:125px}}
body[data-lesson="j-particles"] .particles-condition{display:flex;gap:16px;align-items:baseline;margin:4px 0 0}body[data-lesson="j-particles"] .particles-condition strong{font-size:22px;color:#315f51}body[data-lesson="j-particles"] .particles-condition span{font-size:15px}body[data-lesson="j-particles"] .particles-clock,body[data-lesson="j-particles"] .particles-small{font-size:13px;line-height:1.45;margin:5px 0}

body[data-lesson="j-interactions"] .interactions-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-interactions"] .interactions-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-interactions"] .interactions-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-interactions"] .interactions-table th,body[data-lesson="j-interactions"] .interactions-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-interactions"] figure{margin:0}body[data-lesson="j-interactions"] figure svg{display:block;width:100%;max-height:180px;margin:auto}body[data-lesson="j-interactions"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-interactions"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-interactions"] .interactions-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-interactions"] .interactions-readings strong span{font-size:14px;margin-left:8px}body[data-lesson="j-interactions"] .interactions-readings p,body[data-lesson="j-interactions"] .interactions-clock{font-size:13px;line-height:1.45;margin:5px 0}#interactions-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="interactions"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="interactions"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="interactions"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="interactions"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="interactions"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-interactions"] figure svg{max-height:125px}}

body[data-lesson="j-heat-transfer"] .heat-transfer-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-heat-transfer"] .heat-transfer-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-heat-transfer"] .heat-transfer-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-heat-transfer"] .heat-transfer-table th,body[data-lesson="j-heat-transfer"] .heat-transfer-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-heat-transfer"] figure{margin:0}body[data-lesson="j-heat-transfer"] figure svg{display:block;width:100%;max-height:160px;margin:auto}body[data-lesson="j-heat-transfer"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-heat-transfer"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-heat-transfer"] .heat-transfer-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-heat-transfer"] .heat-transfer-readings strong span{font-size:16px;margin-left:8px}body[data-lesson="j-heat-transfer"] .heat-transfer-readings p,body[data-lesson="j-heat-transfer"] .heat-transfer-clock{font-size:13px;line-height:1.45;margin:5px 0}#heat-transfer-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="heat-transfer"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="heat-transfer"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="heat-transfer"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="heat-transfer"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="heat-transfer"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-heat-transfer"] figure svg{max-height:125px}}

body[data-voice-lesson="heat-transfer"] #narration-notes:has(figure) .teaching-label{display:none}
body[data-voice-lesson="heat-transfer"] #narration-notes:has(figure) h3{margin:0 0 6px}

body[data-lesson="j-heat-capacity"] .heat-capacity-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-heat-capacity"] .heat-capacity-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-heat-capacity"] .heat-capacity-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-heat-capacity"] .heat-capacity-table th,body[data-lesson="j-heat-capacity"] .heat-capacity-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-heat-capacity"] figure{margin:0}body[data-lesson="j-heat-capacity"] figure svg{display:block;width:100%;max-height:160px;margin:auto}body[data-lesson="j-heat-capacity"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-heat-capacity"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-heat-capacity"] .heat-capacity-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-heat-capacity"] .heat-capacity-readings strong span{font-size:16px;margin-left:8px}body[data-lesson="j-heat-capacity"] .heat-capacity-readings p,body[data-lesson="j-heat-capacity"] .heat-capacity-clock{font-size:13px;line-height:1.45;margin:5px 0}#heat-capacity-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="heat-capacity"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="heat-capacity"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="heat-capacity"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="heat-capacity"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="heat-capacity"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-heat-capacity"] figure svg{max-height:125px}}

body[data-voice-lesson="heat-capacity"] #narration-notes:has(figure) .teaching-label{display:none}
body[data-voice-lesson="heat-capacity"] #narration-notes:has(figure) h3{margin:0 0 6px}

body[data-lesson="j-heat-engine"] .heat-engine-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-heat-engine"] .heat-engine-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-heat-engine"] .heat-engine-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-heat-engine"] .heat-engine-table th,body[data-lesson="j-heat-engine"] .heat-engine-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-heat-engine"] figure{margin:0}body[data-lesson="j-heat-engine"] figure svg{display:block;width:100%;max-height:160px;margin:auto}body[data-lesson="j-heat-engine"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-heat-engine"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-heat-engine"] .heat-engine-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-heat-engine"] .heat-engine-readings strong span{font-size:16px;margin-left:8px}body[data-lesson="j-heat-engine"] .heat-engine-readings p,body[data-lesson="j-heat-engine"] .heat-engine-clock{font-size:13px;line-height:1.45;margin:5px 0}#heat-engine-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="heat-engine"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="heat-engine"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="heat-engine"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="heat-engine"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="heat-engine"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-heat-engine"] figure svg{max-height:125px}}

body[data-voice-lesson="heat-engine"] #narration-notes:has(figure) .teaching-label{display:none}
body[data-voice-lesson="heat-engine"] #narration-notes:has(figure) h3{margin:0 0 6px}
body[data-lesson="j-heat-engine"] .heat-engine-budget{display:flex;min-height:38px;overflow:hidden;border-radius:7px}body[data-lesson="j-heat-engine"] .heat-engine-budget span{display:flex;align-items:center;justify-content:center;background:#46796c;color:#fff;font-size:13px;white-space:nowrap}body[data-lesson="j-heat-engine"] .heat-engine-budget span+span{background:#b99873;color:#263e34}body[data-lesson="j-heat-engine"] .heat-engine-energy p{font-size:14px;line-height:1.55}body[data-lesson="j-heat-engine"] .heat-engine-energy strong{font-size:17px;line-height:1.6}

body[data-lesson="j-charge"] .charge-law{background:#f2f1e8;border-left:3px solid #638576;border-radius:8px;padding:12px 14px;margin:12px 0}body[data-lesson="j-charge"] .charge-law strong{font-size:18px;line-height:1.5}body[data-lesson="j-charge"] .charge-table{width:100%;border-collapse:collapse;font-size:14px}body[data-lesson="j-charge"] .charge-table th,body[data-lesson="j-charge"] .charge-table td{padding:8px 5px;border-bottom:1px solid #dce4db;text-align:left}body[data-lesson="j-charge"] figure{margin:0}body[data-lesson="j-charge"] figure svg{display:block;width:100%;max-height:160px;margin:auto}body[data-lesson="j-charge"] figure svg text{font-size:25px;fill:#31574b}body[data-lesson="j-charge"] figure figcaption{font-size:12px;line-height:1.45}body[data-lesson="j-charge"] .charge-readings strong{font-size:21px;color:#315f51}body[data-lesson="j-charge"] .charge-readings strong span{font-size:16px;margin-left:8px}body[data-lesson="j-charge"] .charge-readings p,body[data-lesson="j-charge"] .charge-clock{font-size:13px;line-height:1.45;margin:5px 0}#charge-manual-observation{padding:10px;background:#f8f7ef;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){body[data-voice-lesson="charge"].lesson-voice:not(.voice-concluded) .narration-board{max-height:285px}body[data-voice-lesson="charge"] #narration-notes:has(figure) .teaching-label{display:none}body[data-voice-lesson="charge"] #narration-notes:has(figure) h3{font-size:19px;line-height:1.3;margin:0 0 5px}body[data-voice-lesson="charge"] #narration-notes figure svg{max-height:112px}body[data-voice-lesson="charge"] #narration-notes figure svg text{font-size:28px}}
@media(max-height:500px) and (min-width:600px){body[data-lesson="j-charge"] figure svg{max-height:125px}}

body[data-voice-lesson="charge"] #narration-notes:has(figure) .teaching-label{display:none}
body[data-voice-lesson="charge"] #narration-notes:has(figure) h3{margin:0 0 6px}

body[data-lesson="j-charge"] .scene-caption{display:none}
/* Circuit connections stay beside the apparatus; no binary wiring values appear in the UI. */
body[data-lesson="j-circuit"] .circuit-controls{flex:none;padding:7px 12px 9px;background:#f6f3e9;border-top:1px solid #d8dece;color:#315448;}
body[data-lesson="j-circuit"] .circuit-status{font-size:14px;line-height:1.5;min-height:21px;margin-bottom:5px;}
body[data-lesson="j-circuit"] .circuit-actions{display:flex;align-items:center;gap:8px;position:relative;flex-wrap:wrap;}
body[data-lesson="j-circuit"] .circuit-actions button,body[data-lesson="j-circuit"] .circuit-actions summary{min-height:44px;padding:9px 13px;border-radius:12px;border:1px solid #c0ccba;background:#fffdf5;color:#285844;font-size:14px;touch-action:manipulation;}
body[data-lesson="j-circuit"] .circuit-wires[open]{position:absolute;bottom:0;left:120px;z-index:5;max-height:230px;max-width:calc(100% - 120px);overflow:auto;background:#fffdf5;border:1px solid #c0ccba;border-radius:12px;padding:5px;box-shadow:0 8px 24px #284e3d33;}
body[data-lesson="j-circuit"] [data-circuit-wires]{display:flex;flex-direction:column;gap:6px;padding:6px;}
body[data-lesson="j-circuit"] .scene-caption,body[data-lesson="j-circuit"] .scene-inspect{display:none;}
body[data-lesson="j-circuit"] .circuit-law{padding:13px 15px;border:1px solid #d2dccc;border-radius:15px;background:#f6f8ef;}
body[data-lesson="j-circuit"] .circuit-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-circuit"] .circuit-law p,body[data-lesson="j-circuit"] .circuit-clock{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-circuit"] .circuit-table{width:100%;border-collapse:collapse;font-size:15px;}
body[data-lesson="j-circuit"] .circuit-table th,body[data-lesson="j-circuit"] .circuit-table td{text-align:left;border-bottom:1px solid #d2dccc;padding:9px 7px;}
body[data-lesson="j-circuit"] .circuit-terminals button:focus-visible{outline:3px solid #ce8838;outline-offset:3px;}
@media(max-width:600px){body[data-lesson="j-circuit"] .circuit-controls{padding:5px 8px;}body[data-lesson="j-circuit"] .circuit-status{font-size:13px;}body[data-lesson="j-circuit"] .circuit-actions{gap:5px;}}

body[data-lesson="j-circuit"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-circuit"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:150px;}
body[data-lesson="j-circuit"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-circuit"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-circuit"]:not(.lesson-voice) .circuit-status{display:none;}body[data-lesson="j-circuit"] .scene-canvas-area{min-height:130px;}body[data-lesson="j-circuit"] .circuit-controls{padding-block:4px;}}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-circuit"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}}
body[data-lesson="j-circuit"] .circuit-terminal>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:2px solid #527a68;border-radius:24px;background:#fffaf0e8;}
body[data-lesson="j-circuit"] .circuit-terminal[aria-pressed="true"]>span{border-color:#c37d42;background:#f9dfb5;}
body[data-lesson="j-circuit"] .compact-targets .circuit-terminal>span{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:36px;height:22px;border-width:1px;border-radius:6px;font-size:14px;}
body[data-lesson="j-circuit"] .circuit-status-short{display:none;}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-circuit"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-circuit"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-circuit"] .circuit-controls{flex:0 0 112px;width:112px;max-height:100%;padding:4px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-circuit"] .circuit-actions{flex-direction:column;align-items:stretch;gap:5px;}
 body[data-lesson="j-circuit"] .circuit-actions button,body[data-lesson="j-circuit"] .circuit-actions summary{padding:9px 6px;}
 body[data-lesson="j-circuit"] .circuit-wires[open]{position:static;max-width:none;max-height:none;padding:0;border:0;box-shadow:none;}
 body[data-lesson="j-circuit"] .circuit-actions [data-circuit-cancel]{display:none;}
 body[data-lesson="j-circuit"] .circuit-status,body[data-lesson="j-circuit"]:not(.lesson-voice) .circuit-status{display:block;font-size:13px;line-height:1.4;min-height:18px;}
 body[data-lesson="j-circuit"] .circuit-status-full{display:none;}
 body[data-lesson="j-circuit"] .circuit-status-short{display:inline;}
 body[data-lesson="j-circuit"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
}

body[data-lesson="j-circuit"] .circuit-replay{min-height:44px;min-width:144px;margin:0 0 16px;font-size:14px;touch-action:manipulation;}

body[data-lesson="j-series-parallel"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-series-parallel"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-series-parallel"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-series-parallel"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-series-parallel"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-series-parallel"] .sp-controls{flex:none;padding:5px 10px;background:#f6f3e9;border-top:1px solid #d8dece;display:flex;align-items:center;gap:10px;}
body[data-lesson="j-series-parallel"] .sp-connection-choice{display:flex;gap:5px;flex:none;}
body[data-lesson="j-series-parallel"] .sp-connection-choice button{min-height:44px;min-width:54px;border:1px solid #acc0b1;border-radius:10px;background:#fffdf5;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-series-parallel"] .sp-connection-choice [aria-pressed="true"]{background:#315f4d;color:#fff;}
body[data-lesson="j-series-parallel"] .sp-status{font-size:13px;line-height:1.45;margin:0;}
body[data-lesson="j-series-parallel"] .sp-switch-controls:empty{display:none;}
body[data-lesson="j-series-parallel"] .sp-law{padding:12px 14px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-series-parallel"] .sp-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-series-parallel"] .sp-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-series-parallel"] .sp-table{width:100%;border-collapse:collapse;font-size:14px;}
body[data-lesson="j-series-parallel"] .sp-table :is(th,td){padding:8px 6px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-series-parallel"] .sp-diagram{margin:0;}
body[data-lesson="j-series-parallel"] .sp-diagram svg{width:100%;max-height:230px;display:block;margin:auto;}
body[data-lesson="j-series-parallel"] .sp-diagram figcaption{font-size:12px;line-height:1.5;margin-top:3px;}
body[data-lesson="j-series-parallel"] .sp-readings{font-size:16px;line-height:1.5;margin:7px 0 0;}
body[data-lesson="j-series-parallel"] .sp-clock{font-size:13px;margin:4px 0;}
body[data-lesson="j-series-parallel"] .circuit-replay{min-height:44px;min-width:144px;margin:0 0 16px;font-size:14px;touch-action:manipulation;}
body[data-lesson="j-series-parallel"] #narration-notes:has(.sp-diagram) .teaching-label{display:none;}
body[data-lesson="j-series-parallel"] #narration-notes:has(.sp-diagram) h3{font-size:19px;margin:0 0 5px;}
body[data-lesson="j-series-parallel"] .series-switches button:focus-visible{outline:3px solid #cc883a;outline-offset:3px;}
@media(max-width:700px){body[data-lesson="j-series-parallel"] .sp-diagram svg{max-height:160px;}body[data-lesson="j-series-parallel"] .sp-diagram figcaption{display:none;}body[data-lesson="j-series-parallel"] .narration-board{max-height:285px;}}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-series-parallel"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-series-parallel"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-series-parallel"] .sp-controls{display:block;flex:0 0 122px;width:122px;max-height:100%;padding:4px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-series-parallel"] .sp-connection-choice{margin-bottom:5px;}
 body[data-lesson="j-series-parallel"] .sp-switch-controls{display:flex;flex-direction:column;gap:4px;}
 body[data-lesson="j-series-parallel"] .sp-status{display:none;}
 body[data-lesson="j-series-parallel"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-series-parallel"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-series-parallel"] .sp-diagram svg{max-height:175px;}
}

body[data-lesson="j-series-parallel"].lesson-voice .sp-controls{display:none;}
body[data-lesson="j-series-parallel"] .sp-task-hint{font-size:14px;line-height:1.5;margin:5px 0;}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-series-parallel"].lesson-voice .sp-controls{display:block;}body[data-lesson="j-series-parallel"].lesson-voice .sp-connection-choice{display:none;}}

body[data-lesson="j-current"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-current"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-current"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-current"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-current"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-current"] .current-controls{flex:none;padding:6px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-current"] .current-actions,body[data-lesson="j-current"] .current-ranges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
body[data-lesson="j-current"] .current-actions button{min-height:44px;min-width:60px;border:1px solid #acc0b1;border-radius:10px;background:#fffdf5;padding:7px 9px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-current"] .current-ranges [aria-pressed="true"]{border:2px solid #ab773d;background:#fae8c9;color:#533f24;}
body[data-lesson="j-current"] .current-actions button:disabled{color:#677367;cursor:default;}
body[data-lesson="j-current"] .current-actions button:focus-visible{outline:3px solid #cc883a;outline-offset:2px;}
body[data-lesson="j-current"] .current-status{font-size:13px;line-height:1.45;margin:4px 0 0;}
body[data-lesson="j-current"].lesson-voice .current-controls[data-task="false"]{display:none;}
body[data-lesson="j-current"] .current-meter-zoom{display:flex;justify-content:center;width:100%;min-height:110px;}
body[data-lesson="j-current"] .current-meter-zoom canvas{display:block;width:auto;max-width:100%;height:auto;max-height:170px;aspect-ratio:3/2;border:1px solid #b6bba4;border-radius:12px;background:#fffaf0;object-fit:contain;}
body[data-lesson="j-current"] .current-reading{font-size:21px;font-weight:700;color:#315d49;text-align:center;margin:8px 0 4px;}
body[data-lesson="j-current"] .current-caption{font-size:14px;line-height:1.5;margin:6px 0;}
body[data-lesson="j-current"] .current-clock{font-size:13px;margin:3px 0;}
body[data-lesson="j-current"] .current-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-current"] .current-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-current"] .current-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-current"] .current-table{width:100%;border-collapse:collapse;font-size:14px;}
body[data-lesson="j-current"] .current-table :is(th,td){padding:8px 6px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-current"] .is-warning{color:#9d4334;}
body[data-lesson="j-current"] #narration-notes:has(.current-meter-zoom) .teaching-label{display:none;}
body[data-lesson="j-current"] #narration-notes:has(.current-meter-zoom) h3{font-size:19px;margin:0 0 6px;}
body[data-lesson="j-current"] .circuit-replay{min-height:44px;min-width:144px;margin:0 0 16px;font-size:14px;touch-action:manipulation;}
@media(max-width:700px){body[data-lesson="j-current"] .narration-board{max-height:295px;}body[data-lesson="j-current"] .current-actions button{font-size:13px;padding:6px 7px;}}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-current"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-current"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-current"] .current-controls{flex:0 0 140px;width:140px;max-height:100%;padding:4px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-current"] .current-actions,body[data-lesson="j-current"] .current-ranges{flex-direction:column;align-items:stretch;width:100%;}
 body[data-lesson="j-current"] .current-status{font-size:12px;}
 body[data-lesson="j-current"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-current"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-current"].lesson-voice.scene-expanded #scene-expand{left:auto;right:160px;}}

body[data-lesson="j-voltage"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-voltage"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-voltage"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-voltage"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-voltage"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-voltage"] .voltage-controls{flex:none;padding:6px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-voltage"] .voltage-actions,body[data-lesson="j-voltage"] .voltage-ranges{display:flex;gap:5px;align-items:center;flex-wrap:wrap;}
body[data-lesson="j-voltage"] .voltage-actions button{min-height:44px;min-width:60px;border:1px solid #acc0b1;border-radius:10px;background:#fffdf5;padding:7px 9px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-voltage"] .voltage-ranges [aria-pressed="true"]{border:2px solid #ab773d;background:#fae8c9;color:#533f24;}
body[data-lesson="j-voltage"] .voltage-actions button:disabled{color:#677367;cursor:default;}
body[data-lesson="j-voltage"] .voltage-actions button:focus-visible{outline:3px solid #cc883a;outline-offset:2px;}
body[data-lesson="j-voltage"] .voltage-status{font-size:13px;line-height:1.45;margin:4px 0 0;}
body[data-lesson="j-voltage"].lesson-voice .voltage-controls[data-task="false"]{display:none;}
body[data-lesson="j-voltage"] .voltage-meter-zoom{display:flex;justify-content:center;width:100%;min-height:110px;}
body[data-lesson="j-voltage"] .voltage-meter-zoom canvas{display:block;width:auto;max-width:100%;height:auto;max-height:170px;aspect-ratio:3/2;border:1px solid #b6bba4;border-radius:12px;background:#fffaf0;object-fit:contain;}
body[data-lesson="j-voltage"] .voltage-reading{font-size:21px;font-weight:700;color:#315d49;text-align:center;margin:8px 0 4px;}
body[data-lesson="j-voltage"] .voltage-caption{font-size:14px;line-height:1.5;margin:6px 0;}
body[data-lesson="j-voltage"] .voltage-clock{font-size:13px;margin:3px 0;}
body[data-lesson="j-voltage"] .voltage-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-voltage"] .voltage-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-voltage"] .voltage-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-voltage"] .voltage-table{width:100%;border-collapse:collapse;font-size:14px;}
body[data-lesson="j-voltage"] .voltage-table :is(th,td){padding:8px 6px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-voltage"] .is-warning{color:#9d4334;}
body[data-lesson="j-voltage"] #narration-notes:has(.voltage-meter-zoom) .teaching-label{display:none;}
body[data-lesson="j-voltage"] #narration-notes:has(.voltage-meter-zoom) h3{font-size:19px;margin:0 0 6px;}
body[data-lesson="j-voltage"] .circuit-replay{min-height:44px;min-width:144px;margin:0 0 16px;font-size:14px;touch-action:manipulation;}
@media(max-width:700px){body[data-lesson="j-voltage"] .narration-board{max-height:295px;}body[data-lesson="j-voltage"] .voltage-actions button{font-size:13px;padding:6px 7px;}}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-voltage"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-voltage"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-voltage"] .voltage-controls{flex:0 0 140px;width:140px;max-height:100%;padding:4px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-voltage"] .voltage-actions,body[data-lesson="j-voltage"] .voltage-ranges{flex-direction:column;align-items:stretch;width:100%;}
 body[data-lesson="j-voltage"] .voltage-status{font-size:12px;}
 body[data-lesson="j-voltage"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-voltage"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-voltage"].lesson-voice.scene-expanded #scene-expand{left:auto;right:160px;}}

body[data-lesson="j-voltage"] .voltage-leads{display:flex;gap:5px;}
body[data-lesson="j-voltage"] [data-voltage-lead="red"]{color:#9b4936;}
body[data-lesson="j-voltage"] .voltage-leads [aria-pressed="true"]{background:#f9e4bd;border:2px solid #a9783d;}
body[data-lesson="j-voltage"] .voltage-contacts button{padding:0;border:1.5px solid #587461;border-radius:9px;background:#fffaf0ee;font-size:13px;color:#315340;}
body[data-lesson="j-voltage"] .voltage-contacts[data-lead="red"] button{border-color:#aa6149;color:#923f2b;}
body[data-lesson="j-voltage"] .voltage-contacts [aria-pressed="true"]{background:#f8daa3;border-width:3px;}
body[data-lesson="j-voltage"] .voltage-contacts button:focus-visible{outline:3px solid #ce8838;outline-offset:2px;}
body[data-lesson="j-voltage"] .voltage-actions [hidden]{display:none;}
body[data-lesson="j-voltage"].lesson-voice .voltage-controls[data-probe="true"] .voltage-ranges{display:none;}
@media(max-height:560px) and (min-width:701px){body[data-lesson="j-voltage"] .voltage-leads{flex-direction:column;}}

@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-voltage"]:not(.lesson-voice) :is(.voltage-ranges,.voltage-leads){flex-direction:row;width:100%;}
 body[data-lesson="j-voltage"]:not(.lesson-voice) :is(.voltage-ranges,.voltage-leads) button{flex:1;min-width:0;padding:3px;font-size:13px;}
 body[data-lesson="j-voltage"]:not(.lesson-voice) .voltage-status{display:none;}
}

@media(max-height:560px) and (min-width:701px){body[data-lesson="j-voltage"]:not(.lesson-voice) .voltage-ranges button span{display:block;}}
body[data-lesson="j-circuit-laws"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-circuit-laws"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-circuit-laws"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-circuit-laws"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-circuit-laws"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-circuit-laws"] .circuit-law-controls{flex:none;padding:6px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-circuit-laws"] .circuit-law-toolbar,body[data-lesson="j-circuit-laws"] .circuit-law-view,body[data-lesson="j-circuit-laws"] .circuit-law-topology{display:flex;gap:5px;align-items:center;}
body[data-lesson="j-circuit-laws"] .circuit-law-toolbar{justify-content:space-between;}
body[data-lesson="j-circuit-laws"] .circuit-law-controls button{min-height:44px;min-width:58px;border:1px solid #acc0b1;border-radius:10px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-circuit-laws"] .circuit-law-controls [aria-pressed="true"]{border-color:#a57538;background:#f8e6c4;}
body[data-lesson="j-circuit-laws"] .circuit-law-controls button:disabled{color:#637367;}
body[data-lesson="j-circuit-laws"] :is(.circuit-law-controls,.circuit-law-apparatus-controls) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-circuit-laws"] .circuit-law-controls [hidden]{display:none;}
body[data-lesson="j-circuit-laws"] .circuit-law-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px;}
body[data-lesson="j-circuit-laws"] .circuit-law-values button{min-width:0;min-height:56px;}
body[data-lesson="j-circuit-laws"] .circuit-law-values span{display:block;font-size:13px;line-height:1.4;}
body[data-lesson="j-circuit-laws"] .circuit-law-values strong{display:block;font-size:18px;line-height:1.4;white-space:nowrap;}
body[data-lesson="j-circuit-laws"] .circuit-law-status{font-size:13px;line-height:1.45;margin:5px 0 0;}
body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-status{display:none;}
body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-controls[data-task="true"]{display:none;}
body[data-lesson="j-circuit-laws"] .circuit-law-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-circuit-laws"] .circuit-law-law strong{display:block;font-size:20px;line-height:1.6;color:#315d49;}
body[data-lesson="j-circuit-laws"] .circuit-law-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-circuit-laws"] .circuit-law-caption{font-size:14px;line-height:1.5;margin:6px 0;}
body[data-lesson="j-circuit-laws"] .circuit-law-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-circuit-laws"] .circuit-law-table :is(th,td){padding:8px 5px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-circuit-laws"] .circuit-replay{min-height:44px;min-width:144px;margin:0 0 16px;font-size:14px;touch-action:manipulation;}
@media(max-width:700px){
 body[data-lesson="j-circuit-laws"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(253px,1fr) minmax(0,1fr);}
 body[data-lesson="j-circuit-laws"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-circuit-laws"] .circuit-law-law strong{font-size:18px;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-controls:not([data-task="true"]){display:flex;align-items:stretch;gap:6px;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-toolbar{flex:none;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-topology{display:none;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-view button{width:48px;min-width:48px;padding:2px;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-values{flex:1;min-width:0;margin:0;gap:4px;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-values button{min-height:70px;padding:3px 4px;}
 body[data-lesson="j-circuit-laws"].lesson-voice .circuit-law-values span{word-break:keep-all;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-circuit-laws"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-circuit-laws"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-circuit-laws"] .circuit-law-controls{flex:0 0 200px;width:200px;max-height:100%;padding:4px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-circuit-laws"] :is(.circuit-law-toolbar,.circuit-law-view,.circuit-law-topology){gap:3px;}
 body[data-lesson="j-circuit-laws"] .circuit-law-toolbar{justify-content:flex-start;}
 body[data-lesson="j-circuit-laws"] .circuit-law-controls button{font-size:12px;padding:4px;min-width:44px;}
 body[data-lesson="j-circuit-laws"] .circuit-law-values{gap:4px;}
 body[data-lesson="j-circuit-laws"] .circuit-law-values span{font-size:12px;}
 body[data-lesson="j-circuit-laws"] .circuit-law-values strong{font-size:14px;}
 body[data-lesson="j-circuit-laws"] .circuit-law-status{display:none;}
 body[data-lesson="j-circuit-laws"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-circuit-laws"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-circuit-laws"].lesson-voice.scene-expanded #scene-expand{left:auto;right:220px;}
}

body[data-lesson="j-resistance"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-resistance"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-resistance"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-resistance"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-resistance"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-resistance"] .resistance-controls{flex:none;padding:7px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-resistance"] .resistance-controls [hidden]{display:none!important;}
body[data-lesson="j-resistance"] :is(.resistance-mode,.resistance-leads){display:flex;gap:6px;margin-bottom:6px;}
body[data-lesson="j-resistance"] .resistance-controls :is(button,select){min-height:44px;min-width:44px;border:1px solid #9eb5a4;border-radius:9px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-resistance"] .resistance-controls [aria-pressed="true"]{border-color:#a57538;background:#f8e6c4;}
body[data-lesson="j-resistance"] :is(.resistance-controls,.resistance-apparatus-controls) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-resistance"] .resistance-wire-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 0 8px;}
body[data-lesson="j-resistance"] .resistance-wire-fields label{font-size:12px;line-height:1.5;}
body[data-lesson="j-resistance"] .resistance-wire-fields select{display:block;width:100%;padding-inline:3px;}
body[data-lesson="j-resistance"] .resistance-slider-label{display:block;font-size:14px;line-height:1.5;}
body[data-lesson="j-resistance"] .resistance-slider-track{display:block;position:relative;padding-top:17px;}
body[data-lesson="j-resistance"] .resistance-slider-track input{display:block;width:100%;margin:0;height:44px;touch-action:none;accent-color:#315d49;}
body[data-lesson="j-resistance"] .resistance-slider-track input::-webkit-slider-thumb{width:22px;height:22px;}
body[data-lesson="j-resistance"] .resistance-target{position:absolute;left:calc(80% - 10px);top:0;color:#9f582e;font-size:12px;font-weight:700;border-bottom:2px solid #b77540;}
body[data-lesson="j-resistance"] .resistance-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body[data-lesson="j-resistance"] .resistance-values>div{border:1px solid #b1c2b0;border-radius:10px;padding:6px 8px;background:#fffdf5;}
body[data-lesson="j-resistance"] .resistance-values span{display:block;font-size:12px;line-height:1.5;}
body[data-lesson="j-resistance"] .resistance-values strong{display:block;font-size:20px;line-height:1.4;color:#315d49;}
body[data-lesson="j-resistance"] .resistance-status{font-size:13px;line-height:1.5;margin:5px 0 0;}
body[data-lesson="j-resistance"].lesson-voice .resistance-status{display:none;}
body[data-lesson="j-resistance"].lesson-voice .resistance-controls[data-task="connect-bc"]{display:none;}
body[data-lesson="j-resistance"] .resistance-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-resistance"] .resistance-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-resistance"] .resistance-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-resistance"] .resistance-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-resistance"] .resistance-table caption{text-align:left;font-weight:700;margin:14px 0 5px;}
body[data-lesson="j-resistance"] .resistance-table :is(th,td){padding:8px 5px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-resistance"] .resistance-note{font-size:13px;line-height:1.5;}
body[data-lesson="j-resistance"] .circuit-replay{min-height:44px;min-width:144px;font-size:14px;touch-action:manipulation;}
@media(max-width:700px){
 body[data-lesson="j-resistance"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(249px,1fr) minmax(0,1fr);}
 body[data-lesson="j-resistance"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-resistance"].lesson-voice .scene-stack:has(.resistance-controls[data-task]:not([data-task=""])){grid-template-rows:minmax(0,1fr);}
 body[data-lesson="j-resistance"].lesson-voice .scene-stack:has(.resistance-controls[data-task]:not([data-task=""])) .narration-board{display:none;}
 body[data-lesson="j-resistance"] .resistance-law strong{font-size:18px;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-resistance"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-resistance"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-resistance"] .resistance-controls{flex:0 0 220px;width:220px;max-height:100%;padding:5px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-resistance"] .resistance-controls button{font-size:12px;padding:4px;}
 body[data-lesson="j-resistance"] .resistance-wire-fields{grid-template-columns:1fr;}
 body[data-lesson="j-resistance"] .resistance-values{gap:4px;}
 body[data-lesson="j-resistance"] .resistance-values strong{font-size:17px;}
 body[data-lesson="j-resistance"] .resistance-status{font-size:12px;}
 body[data-lesson="j-resistance"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-resistance"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-resistance"].lesson-voice.scene-expanded #scene-expand{left:auto;right:240px;}
}

body[data-lesson="j-ohm"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-ohm"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-ohm"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-ohm"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-ohm"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-ohm"] .ohm-controls{flex:none;padding:7px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-ohm"] .ohm-controls [hidden]{display:none!important;}
body[data-lesson="j-ohm"] .ohm-controls :is(button,select){min-height:44px;min-width:44px;border:1px solid #9eb5a4;border-radius:9px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-ohm"] :is(.ohm-controls,.ohm-apparatus-controls) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-ohm"] .ohm-resistor-choice{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:14px;}
body[data-lesson="j-ohm"] .ohm-resistor-choice select{flex:1;}
body[data-lesson="j-ohm"] .ohm-slider-control label{display:block;font-size:14px;line-height:1.5;}
body[data-lesson="j-ohm"] .ohm-slider-control input{display:block;width:100%;margin:0;height:44px;touch-action:none;accent-color:#315d49;}
body[data-lesson="j-ohm"] .ohm-fine-buttons{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;}
body[data-lesson="j-ohm"] .ohm-fine-buttons button{flex:1;}
body[data-lesson="j-ohm"] .ohm-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
body[data-lesson="j-ohm"] .ohm-values>div{min-width:0;border:1px solid #b1c2b0;border-radius:10px;padding:6px 8px;background:#fffdf5;}
body[data-lesson="j-ohm"] .ohm-values span{display:block;font-size:12px;line-height:1.5;}
body[data-lesson="j-ohm"] .ohm-values strong{display:block;font-size:20px;line-height:1.4;color:#315d49;white-space:nowrap;}
body[data-lesson="j-ohm"] .ohm-status{font-size:13px;line-height:1.5;margin:5px 0 0;}
body[data-lesson="j-ohm"].lesson-voice .ohm-status{display:none;}
body[data-lesson="j-ohm"] .ohm-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-ohm"] .ohm-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-ohm"] .ohm-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-ohm"] .ohm-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-ohm"] .ohm-table caption{text-align:left;font-weight:700;margin:14px 0 5px;}
body[data-lesson="j-ohm"] .ohm-table :is(th,td){padding:8px 5px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-ohm"] .ohm-chart{margin:12px 0;}
body[data-lesson="j-ohm"] .ohm-chart svg{display:block;width:100%;height:auto;}
body[data-lesson="j-ohm"] .ohm-chart figcaption{font-size:13px;line-height:1.5;margin-top:5px;}
body[data-lesson="j-ohm"] .circuit-replay{min-height:44px;min-width:144px;font-size:14px;touch-action:manipulation;}
@media(max-width:700px){
 body[data-lesson="j-ohm"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(249px,1fr) minmax(0,1fr);}
 body[data-lesson="j-ohm"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-ohm"].lesson-voice .scene-stack:has(.ohm-controls[data-task]:not([data-task=""])){grid-template-rows:minmax(0,1fr);}
 body[data-lesson="j-ohm"].lesson-voice .scene-stack:has(.ohm-controls[data-task]:not([data-task=""])) .narration-board{display:none;}
 body[data-lesson="j-ohm"] .ohm-law strong{font-size:18px;}
 body[data-lesson="j-ohm"] .ohm-values>div{padding:6px;}
 body[data-lesson="j-ohm"] .ohm-values strong{font-size:18px;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-ohm"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-ohm"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-ohm"] .ohm-controls{flex:0 0 220px;width:220px;max-height:100%;padding:5px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-ohm"] .ohm-controls :is(button,select){font-size:13px;padding:4px;}
 body[data-lesson="j-ohm"] .ohm-values{grid-template-columns:1fr;gap:4px;}
 body[data-lesson="j-ohm"] .ohm-values>div{display:flex;gap:5px;align-items:center;justify-content:space-between;}
 body[data-lesson="j-ohm"] .ohm-values strong{font-size:17px;}
 body[data-lesson="j-ohm"] .ohm-status{font-size:12px;}
 body[data-lesson="j-ohm"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-ohm"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-ohm"].lesson-voice.scene-expanded #scene-expand{left:auto;right:240px;}
}

body[data-lesson="j-measure-resistance"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-measure-resistance"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-measure-resistance"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-measure-resistance"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-measure-resistance"] .measurement-controls{flex:none;padding:7px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-measure-resistance"] .measurement-controls [hidden]{display:none!important;}
body[data-lesson="j-measure-resistance"] :is(.measurement-controls,.measurement-inspector) :is(button,select){min-height:44px;min-width:44px;border:1px solid #9eb5a4;border-radius:9px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-measure-resistance"] :is(.measurement-controls,.measurement-inspector) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-measure-resistance"] .measurement-live{display:flex;gap:8px;}
body[data-lesson="j-measure-resistance"] .measurement-live button{flex:1;min-width:0;font-size:16px;font-weight:650;}
body[data-lesson="j-measure-resistance"] .measurement-actions{display:flex;flex-wrap:wrap;gap:6px;}
body[data-lesson="j-measure-resistance"] [data-measurement-manual]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;}
body[data-lesson="j-measure-resistance"] [data-measurement-manual] label{font-size:13px;line-height:1.5;min-width:0;}
body[data-lesson="j-measure-resistance"] [data-measurement-manual] select{display:block;width:100%;padding-inline:4px;}
body[data-lesson="j-measure-resistance"] .measurement-slide{padding-top:5px;}
body[data-lesson="j-measure-resistance"] .measurement-slide label{font-size:14px;line-height:1.5;}
body[data-lesson="j-measure-resistance"] .measurement-slide input{display:block;width:100%;height:44px;margin:0;accent-color:#315d49;touch-action:none;}
body[data-lesson="j-measure-resistance"] .measurement-fine{display:flex;align-items:center;justify-content:space-between;gap:6px;}
body[data-lesson="j-measure-resistance"] [data-measurement-target]{font-size:13px;line-height:1.45;text-align:center;color:#885724;}
body[data-lesson="j-measure-resistance"] .measurement-hint{margin:5px 0 0;font-size:13px;line-height:1.5;}
body[data-lesson="j-measure-resistance"].lesson-voice .measurement-controls[data-task=""] .measurement-hint{display:none;}
body[data-lesson="j-measure-resistance"] .measurement-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-measure-resistance"] .measurement-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-measure-resistance"] .measurement-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-measure-resistance"] .measurement-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-measure-resistance"] .measurement-table caption{text-align:left;font-weight:700;margin:12px 0 5px;}
body[data-lesson="j-measure-resistance"] .measurement-table :is(th,td){padding:8px 4px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-measure-resistance"] .circuit-replay{min-height:44px;min-width:144px;font-size:14px;touch-action:manipulation;}
body[data-lesson="j-measure-resistance"] .measurement-inspector{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:12px;border:1px solid #9aac95;border-radius:18px;background:#fffaf0;color:#315746;box-shadow:0 16px 60px #203b3544;overflow:auto;}
body[data-lesson="j-measure-resistance"] .measurement-inspector::backdrop{background:#233c3655;}
body[data-lesson="j-measure-resistance"] .measurement-inspector-head{display:flex;gap:6px;align-items:center;margin-bottom:6px;}
body[data-lesson="j-measure-resistance"] .measurement-inspector-head [data-meter-choice]{flex:1;}
body[data-lesson="j-measure-resistance"] .measurement-inspector-head [aria-pressed="true"]{background:#315d49;color:#fffdf5;}
body[data-lesson="j-measure-resistance"] [data-measurement-meter-zoom] canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;}
body[data-lesson="j-measure-resistance"] [data-meter-inspect-note]{font-size:13px;line-height:1.5;margin:5px 0 0;}
body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .measurement-controls{min-height:0;max-height:calc(100% - 170px);overflow:auto;}
@media(min-width:1100px) and (min-height:561px){
 body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .scene-wrap{flex-direction:row;}
 body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .measurement-controls{flex:0 0 300px;width:300px;max-height:100%;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .measurement-live button{font-size:14px;}
}
@media(max-width:700px){
 body[data-lesson="j-measure-resistance"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(240px,1fr) minmax(0,1fr);}
 body[data-lesson="j-measure-resistance"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-measure-resistance"].lesson-voice .scene-stack:has(.measurement-controls[data-task]:not([data-task=""])){grid-template-rows:minmax(0,1fr);}
 body[data-lesson="j-measure-resistance"].lesson-voice .scene-stack:has(.measurement-controls[data-task]:not([data-task=""])) .narration-board{display:none;}
 body[data-lesson="j-measure-resistance"] .measurement-law strong{font-size:18px;}
 body[data-lesson="j-measure-resistance"] .measurement-live button{font-size:15px;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-measure-resistance"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-measure-resistance"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-measure-resistance"] .measurement-controls,body[data-lesson="j-measure-resistance"]:not(.lesson-voice) .measurement-controls{flex:0 0 220px;width:220px;max-height:100%;padding:5px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-measure-resistance"] .measurement-controls :is(button,select){font-size:13px;padding:4px;}
 body[data-lesson="j-measure-resistance"] .measurement-live{flex-direction:column;gap:4px;}
 body[data-lesson="j-measure-resistance"] [data-measurement-manual]{grid-template-columns:1fr 1fr;}
 body[data-lesson="j-measure-resistance"] [data-measurement-manual] label:last-child{grid-column:1 / -1;}
 body[data-lesson="j-measure-resistance"] .measurement-fine{flex-wrap:wrap;}
 body[data-lesson="j-measure-resistance"] [data-measurement-target]{width:100%;order:-1;}
 body[data-lesson="j-measure-resistance"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-measure-resistance"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-measure-resistance"].lesson-voice.scene-expanded #scene-expand{left:auto;right:240px;}
}


body[data-lesson="j-lamp-resistance"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-lamp-resistance"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-lamp-resistance"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-lamp-resistance"] .lamp-controls{flex:none;padding:7px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-lamp-resistance"] .lamp-controls [hidden]{display:none!important;}
body[data-lesson="j-lamp-resistance"] :is(.lamp-controls,.lamp-inspector) :is(button,select){min-height:44px;min-width:44px;border:1px solid #9eb5a4;border-radius:9px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-lamp-resistance"] :is(.lamp-controls,.lamp-inspector) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-lamp-resistance"] .lamp-live{display:flex;gap:8px;}
body[data-lesson="j-lamp-resistance"] .lamp-live button{flex:1;min-width:0;font-size:16px;font-weight:650;}
body[data-lesson="j-lamp-resistance"] .lamp-actions{display:flex;flex-wrap:wrap;gap:6px;}
body[data-lesson="j-lamp-resistance"] [data-lamp-manual]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;}
body[data-lesson="j-lamp-resistance"] [data-lamp-manual] label{font-size:13px;line-height:1.5;min-width:0;}
body[data-lesson="j-lamp-resistance"] [data-lamp-manual] select{display:block;width:100%;padding-inline:4px;}
body[data-lesson="j-lamp-resistance"] .lamp-slide{padding-top:5px;}
body[data-lesson="j-lamp-resistance"] .lamp-slide label{font-size:14px;line-height:1.5;}
body[data-lesson="j-lamp-resistance"] .lamp-slide input{display:block;width:100%;height:44px;margin:0;accent-color:#315d49;touch-action:none;}
body[data-lesson="j-lamp-resistance"] .lamp-fine{display:flex;align-items:center;justify-content:space-between;gap:6px;}
body[data-lesson="j-lamp-resistance"] [data-lamp-target]{font-size:13px;line-height:1.45;text-align:center;color:#885724;}
body[data-lesson="j-lamp-resistance"] .lamp-hint{margin:5px 0 0;font-size:13px;line-height:1.5;}
body[data-lesson="j-lamp-resistance"].lesson-voice .lamp-controls[data-task=""] .lamp-hint{display:none;}
body[data-lesson="j-lamp-resistance"] .lamp-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-lamp-resistance"] .lamp-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-lamp-resistance"] .lamp-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-lamp-resistance"] .lamp-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-lamp-resistance"] .lamp-table caption{text-align:left;font-weight:700;margin:12px 0 5px;}
body[data-lesson="j-lamp-resistance"] .lamp-table :is(th,td){padding:8px 4px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-lamp-resistance"] .circuit-replay{min-height:44px;min-width:144px;font-size:14px;touch-action:manipulation;}
body[data-lesson="j-lamp-resistance"] .lamp-inspector{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:12px;border:1px solid #9aac95;border-radius:18px;background:#fffaf0;color:#315746;box-shadow:0 16px 60px #203b3544;overflow:auto;}
body[data-lesson="j-lamp-resistance"] .lamp-inspector::backdrop{background:#233c3655;}
body[data-lesson="j-lamp-resistance"] .lamp-inspector-head{display:flex;gap:6px;align-items:center;margin-bottom:6px;}
body[data-lesson="j-lamp-resistance"] .lamp-inspector-head [data-meter-choice]{flex:1;}
body[data-lesson="j-lamp-resistance"] .lamp-inspector-head [aria-pressed="true"]{background:#315d49;color:#fffdf5;}
body[data-lesson="j-lamp-resistance"] [data-lamp-meter-zoom] canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;}
body[data-lesson="j-lamp-resistance"] [data-meter-inspect-note]{font-size:13px;line-height:1.5;margin:5px 0 0;}
body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .lamp-controls{min-height:0;max-height:calc(100% - 170px);overflow:auto;}
@media(min-width:1100px) and (min-height:561px){
 body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .scene-wrap{flex-direction:row;}
 body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .lamp-controls{flex:0 0 300px;width:300px;max-height:100%;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .lamp-live button{font-size:14px;}
}
@media(max-width:700px){
 body[data-lesson="j-lamp-resistance"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(300px,1.2fr) minmax(0,.8fr);}
 body[data-lesson="j-lamp-resistance"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-lamp-resistance"].lesson-voice .scene-stack:has(.lamp-controls[data-task]:not([data-task=""])){grid-template-rows:minmax(0,1fr);}
 body[data-lesson="j-lamp-resistance"].lesson-voice .scene-stack:has(.lamp-controls[data-task]:not([data-task=""])) .narration-board{display:none;}
 body[data-lesson="j-lamp-resistance"] .lamp-law strong{font-size:18px;}
 body[data-lesson="j-lamp-resistance"] .lamp-live button{font-size:15px;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-lamp-resistance"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-lamp-resistance"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-lamp-resistance"] .lamp-controls,body[data-lesson="j-lamp-resistance"]:not(.lesson-voice) .lamp-controls{flex:0 0 220px;width:220px;max-height:100%;padding:5px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-lamp-resistance"] .lamp-controls :is(button,select){font-size:13px;padding:4px;}
 body[data-lesson="j-lamp-resistance"] .lamp-live{flex-direction:column;gap:4px;}
 body[data-lesson="j-lamp-resistance"] [data-lamp-manual]{grid-template-columns:1fr 1fr;}
 body[data-lesson="j-lamp-resistance"] [data-lamp-manual] label:last-child{grid-column:1 / -1;}
 body[data-lesson="j-lamp-resistance"] .lamp-fine{flex-wrap:wrap;}
 body[data-lesson="j-lamp-resistance"] [data-lamp-target]{width:100%;order:-1;}
 body[data-lesson="j-lamp-resistance"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-lamp-resistance"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-lamp-resistance"].lesson-voice.scene-expanded #scene-expand{left:auto;right:240px;}
}


body[data-lesson="j-electric-power"] .scene-wrap{display:flex;flex-direction:column;}
body[data-lesson="j-electric-power"] .scene-canvas-area{position:relative;inset:auto;flex:1;min-height:170px;}
body[data-lesson="j-electric-power"]:not(.lesson-voice) .studio-workspace .scene-stack{display:flex;flex-direction:column;}
body[data-lesson="j-electric-power"] :is(.scene-caption,.scene-inspect){display:none;}
body[data-lesson="j-electric-power"]:not(.lesson-voice) :is(.coach-strip,.apparatus-head,.trial-strip,#stage-guidance,.instruments){display:none;}
body[data-lesson="j-electric-power"] .power-controls{flex:none;padding:7px 10px;background:#f6f3e9;border-top:1px solid #d8dece;}
body[data-lesson="j-electric-power"] .power-controls [hidden]{display:none!important;}
body[data-lesson="j-electric-power"] :is(.power-controls,.power-inspector) :is(button,select){min-height:44px;min-width:44px;border:1px solid #9eb5a4;border-radius:9px;background:#fffdf5;padding:5px 8px;font-size:14px;color:#305942;touch-action:manipulation;}
body[data-lesson="j-electric-power"] :is(.power-controls,.power-inspector) button:focus-visible{outline:3px solid #c5803a;outline-offset:2px;}
body[data-lesson="j-electric-power"] .power-live{display:flex;gap:8px;}
body[data-lesson="j-electric-power"] .power-live button{flex:1;min-width:0;font-size:16px;font-weight:650;}
body[data-lesson="j-electric-power"] .power-actions{display:flex;flex-wrap:wrap;gap:6px;}
body[data-lesson="j-electric-power"] [data-power-manual]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;}
body[data-lesson="j-electric-power"] [data-power-manual] label{font-size:13px;line-height:1.5;min-width:0;}
body[data-lesson="j-electric-power"] [data-power-manual] select{display:block;width:100%;padding-inline:4px;}
body[data-lesson="j-electric-power"] .power-slide{padding-top:5px;}
body[data-lesson="j-electric-power"] .power-slide label{font-size:14px;line-height:1.5;}
body[data-lesson="j-electric-power"] .power-slide input{display:block;width:100%;height:44px;margin:0;accent-color:#315d49;touch-action:none;}
body[data-lesson="j-electric-power"] .power-fine{display:flex;align-items:center;justify-content:space-between;gap:6px;}
body[data-lesson="j-electric-power"] [data-power-target]{font-size:13px;line-height:1.45;text-align:center;color:#885724;}
body[data-lesson="j-electric-power"] .power-hint{margin:5px 0 0;font-size:13px;line-height:1.5;}
body[data-lesson="j-electric-power"].lesson-voice .power-controls[data-task=""] .power-hint{display:none;}
body[data-lesson="j-electric-power"] .power-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-electric-power"] .power-law strong{display:block;font-size:20px;line-height:1.5;color:#315d49;}
body[data-lesson="j-electric-power"] .power-law p{font-size:15px;line-height:1.6;margin:6px 0 0;}
body[data-lesson="j-electric-power"] .power-table{width:100%;border-collapse:collapse;font-size:13px;}
body[data-lesson="j-electric-power"] .power-table caption{text-align:left;font-weight:700;margin:12px 0 5px;}
body[data-lesson="j-electric-power"] .power-table :is(th,td){padding:8px 4px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-electric-power"] .circuit-replay{min-height:44px;min-width:144px;font-size:14px;touch-action:manipulation;}
body[data-lesson="j-electric-power"] .power-inspector{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:12px;border:1px solid #9aac95;border-radius:18px;background:#fffaf0;color:#315746;box-shadow:0 16px 60px #203b3544;overflow:auto;}
body[data-lesson="j-electric-power"] .power-inspector::backdrop{background:#233c3655;}
body[data-lesson="j-electric-power"] .power-inspector-head{display:flex;gap:6px;align-items:center;margin-bottom:6px;}
body[data-lesson="j-electric-power"] .power-inspector-head [data-meter-choice]{flex:1;}
body[data-lesson="j-electric-power"] .power-inspector-head [aria-pressed="true"]{background:#315d49;color:#fffdf5;}
body[data-lesson="j-electric-power"] [data-power-meter-zoom] canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;}
body[data-lesson="j-electric-power"] [data-meter-inspect-note]{font-size:13px;line-height:1.5;margin:5px 0 0;}
body[data-lesson="j-electric-power"]:not(.lesson-voice) .power-controls{min-height:0;max-height:calc(100% - 170px);overflow:auto;}
@media(min-width:1100px) and (min-height:561px){
 body[data-lesson="j-electric-power"]:not(.lesson-voice) .scene-wrap{flex-direction:row;}
 body[data-lesson="j-electric-power"]:not(.lesson-voice) .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-electric-power"]:not(.lesson-voice) .power-controls{flex:0 0 300px;width:300px;max-height:100%;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-electric-power"]:not(.lesson-voice) .power-live button{font-size:14px;}
 body[data-lesson="j-electric-power"].lesson-voice .scene-stack:has(.power-controls[data-task]:not([data-task=""])) .scene-wrap{flex-direction:row;}
 body[data-lesson="j-electric-power"].lesson-voice .scene-stack:has(.power-controls[data-task]:not([data-task=""])) .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-electric-power"].lesson-voice .scene-stack:has(.power-controls[data-task]:not([data-task=""])) .power-controls{flex:0 0 300px;width:300px;min-height:0;max-height:100%;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
}
@media(max-width:700px){
 body[data-lesson="j-electric-power"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(240px,1fr) minmax(0,1fr);}
 body[data-lesson="j-electric-power"].lesson-voice:not(.scene-expanded) .narration-board{max-height:none;min-height:0;overflow:auto;}
 body[data-lesson="j-electric-power"].lesson-voice .scene-stack:has(.power-controls[data-task]:not([data-task=""])){grid-template-rows:minmax(0,1fr);}
 body[data-lesson="j-electric-power"].lesson-voice .scene-stack:has(.power-controls[data-task]:not([data-task=""])) .narration-board{display:none;}
 body[data-lesson="j-electric-power"] .power-law strong{font-size:18px;}
 body[data-lesson="j-electric-power"] .power-live button{font-size:15px;}
}
@media(max-height:560px) and (min-width:701px){
 body[data-lesson="j-electric-power"] .scene-wrap{flex-direction:row;}
 body[data-lesson="j-electric-power"] .scene-canvas-area{min-width:0;min-height:0;height:100%;flex:1 1 0;}
 body[data-lesson="j-electric-power"] .power-controls,body[data-lesson="j-electric-power"]:not(.lesson-voice) .power-controls{flex:0 0 220px;width:220px;max-height:100%;padding:5px;overflow:auto;border-top:0;border-left:1px solid #d8dece;}
 body[data-lesson="j-electric-power"] .power-controls :is(button,select){font-size:13px;padding:4px;}
 body[data-lesson="j-electric-power"] .power-live{flex-direction:column;gap:4px;}
 body[data-lesson="j-electric-power"] [data-power-manual]{grid-template-columns:1fr 1fr;}
 body[data-lesson="j-electric-power"] [data-power-manual] label:last-child{grid-column:1 / -1;}
 body[data-lesson="j-electric-power"] .power-fine{flex-wrap:wrap;}
 body[data-lesson="j-electric-power"] [data-power-target]{width:100%;order:-1;}
 body[data-lesson="j-electric-power"]:not(.lesson-voice):not(.scene-expanded) .instrument-bar{min-height:56px;flex-basis:56px;padding:5px 12px;}
 body[data-lesson="j-electric-power"].scene-expanded:not(.lesson-voice) #scene-expand{left:8px;right:auto;}
 body[data-lesson="j-electric-power"].lesson-voice.scene-expanded #scene-expand{left:auto;right:240px;}
}
body[data-lesson="j-electric-power"] .power-scene-meter{position:absolute;top:4px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:7px;min-height:35px;padding:3px 10px;border:1px solid #a8b8a0;border-radius:9px;background:#fffaf0ed;box-shadow:0 2px 8px #21392d24;color:#315746;pointer-events:none;white-space:nowrap;}
body[data-lesson="j-electric-power"] .power-scene-meter small{font-size:11px;color:#6f776a;}
body[data-lesson="j-electric-power"] .power-scene-meter strong{font-size:17px;font-variant-numeric:tabular-nums;}
body[data-lesson="j-electric-power"] .power-scene-meter span{font-size:11px;color:#80592b;}
body[data-lesson="j-electric-power"] .power-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;}
body[data-lesson="j-electric-power"] .power-table caption{text-align:left;font-weight:700;margin:9px 0 5px;}
body[data-lesson="j-electric-power"] .power-table :is(th,td){padding:7px 4px;text-align:left;border-bottom:1px solid #d2dccc;}
body[data-lesson="j-electric-power"] .power-law{padding:10px 12px;border:1px solid #d2dccc;border-radius:14px;background:#f6f8ef;}
body[data-lesson="j-electric-power"] .power-law strong{display:block;font-size:19px;line-height:1.45;color:#315d49;}
body[data-lesson="j-electric-power"] .power-law p{font-size:14px;line-height:1.5;margin:5px 0 0;}
@media(max-width:700px){
 body[data-lesson="j-electric-power"].lesson-voice:not(.scene-expanded) .studio-workspace .scene-stack{grid-template-rows:minmax(300px,1.2fr) minmax(0,.8fr);}
 body[data-lesson="j-electric-power"] .power-scene-meter{top:0;min-height:31px;gap:5px;max-width:calc(100% - 10px);padding:1px 6px;}
 body[data-lesson="j-electric-power"] .power-scene-meter small{font-size:10px;}
 body[data-lesson="j-electric-power"] .power-table thead{display:none;}
 body[data-lesson="j-electric-power"] .power-table tbody{display:grid;gap:7px;}
 body[data-lesson="j-electric-power"] .power-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 8px;border:1px solid #d2dccc;border-radius:9px;}
 body[data-lesson="j-electric-power"] .power-table th{grid-column:1/-1;border:0;font-weight:700;}
 body[data-lesson="j-electric-power"] .power-table td{font-size:13px;border:0;min-width:0;}
 body[data-lesson="j-electric-power"] .power-table td:nth-child(2)::before{content:'电压 / 电流';display:block;font-size:11px;color:#6f776a;}
 body[data-lesson="j-electric-power"] .power-table td:nth-child(3)::before{content:'约算功率';display:block;font-size:11px;color:#6f776a;}
 body[data-lesson="j-electric-power"] .power-table td:nth-child(4)::before{content:'计量6秒';display:block;font-size:11px;color:#6f776a;}
 body[data-lesson="j-electric-power"] .power-table td:nth-child(5)::before{content:'计量12秒';display:block;font-size:11px;color:#6f776a;}
}

@media (max-width: 1000px) {
 body:is([data-lesson="h04"],[data-lesson="h05"]) :is(#trial-tabs button,.learning-tools .quiet-button) { min-height: 44px; touch-action: manipulation; }
 body:is([data-lesson="h04"],[data-lesson="h05"]) .trial-strip { flex-basis: 48px; }
}