.science-light-course {
  --light-ink: #29272d;
  --light-green: #0fbc53;
  --light-green-soft: #e5f8eb;
  --light-blue: #2f73d9;
  --light-blue-soft: #e2efff;
  --light-cyan: #2bb7c9;
  --light-cyan-soft: #e0f8fb;
  --light-violet: #9267ea;
  --light-violet-soft: #f2ebff;
  --light-coral: #fd7666;
  --light-coral-soft: #ffe7e2;
  --light-yellow: #f6cc24;
  --light-yellow-soft: #fff5c8;
  --light-orange: #f29c45;
  --light-orange-soft: #fff0dc;
  --light-indigo: #5b5bd6;
  --light-indigo-soft: #ebeaff;
  --light-paper: #fffdf7;
}

.science-light-course :where(.kid-step-visual,.kid-lab-visual,.kid-summary-example-visual) .mia-light-evidence { width: min(100%,980px); margin-inline: auto; }
.mia-light-evidence.is-compact > figcaption { display: none; }
.mia-light-evidence.is-compact .mia-experiment__scene { min-height: 290px; }
.mia-light-evidence.is-compact .mia-experiment__reading { min-height: 0; }
.mia-light-evidence.is-compact .mia-field__verdict { padding-top: 11px; }

.mia-optic-note,.mia-material-question,.mia-shadow-location,.mia-shadow-constants,.mia-model-key {
  position: absolute; z-index: 30; top: 5%; left: 50%; display: grid; width: max-content; max-width: 88%; padding: 7px 12px; border: 1px solid rgba(41,39,45,.1); border-radius: 13px; background: rgba(255,255,255,.9); box-shadow: 0 6px 0 rgba(41,39,45,.07); line-height: 1.08; text-align: center; transform: translateX(-50%);
}
.mia-optic-note span,.mia-material-question span,.mia-shadow-location span,.mia-shadow-constants span,.mia-model-key span { color: var(--light-blue); font-size: clamp(9px,1.25vw,12px); font-weight: 950; letter-spacing: .07em; }
.mia-optic-note b,.mia-material-question b,.mia-shadow-location b,.mia-shadow-constants b,.mia-model-key b { margin-top: 3px; font-family: var(--font-body); font-size: clamp(9px,1.15vw,11px); font-weight: 750; }

/* Shared dimensional optics parts. */
.mia-optic-eye { position: relative; width: 100%; aspect-ratio: 1.7; border: 4px solid var(--light-ink); border-radius: 65% 12% 65% 12%; background: #fff; rotate: -45deg; box-shadow: 0 10px 15px rgba(41,39,45,.12); }
.mia-optic-eye i { position: absolute; top: 50%; left: 50%; width: 38%; aspect-ratio: 1; border: 4px solid var(--light-cyan); border-radius: 50%; background: var(--light-blue); transform: translate(-50%,-50%); }
.mia-optic-eye b { position: absolute; top: 43%; left: 43%; width: 11%; aspect-ratio: 1; border-radius: 50%; background: #fff; }

/* 01 · A recognisable lamp, easel and observer on one evidence bench. */
.mia-experiment__scene--light-source { background: linear-gradient(180deg,#f7f3e8 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-optic-table { position: absolute; z-index: 5; top: 17%; right: 5%; bottom: 8%; left: 5%; }
.mia-optic-table::before { position: absolute; right: 0; bottom: 9%; left: 0; height: 13px; border-radius: 99px; background: var(--light-orange); box-shadow: 0 11px 0 rgba(118,75,38,.18); content: ''; }
.mia-optic-lamp { position: absolute; z-index: 12; bottom: 12%; left: 1%; width: 25%; height: 75%; }
.mia-optic-lamp__hood { position: absolute; top: 6%; left: 10%; width: 74%; height: 45%; border: 5px solid var(--light-orange); border-radius: 54% 28% 28% 54%; background: linear-gradient(145deg,#fff7d7,var(--light-yellow-soft)); box-shadow: inset 9px 8px 0 rgba(255,255,255,.5),0 13px 18px rgba(242,156,69,.17); }
.mia-optic-lamp__hood::after { position: absolute; top: 12%; right: -17%; width: 24%; height: 75%; border-radius: 0 12px 12px 0; background: var(--light-orange); content: ''; }
.mia-optic-lamp__hood i { position: absolute; top: 28%; right: -23%; width: 19%; aspect-ratio: 1; border-radius: 50%; background: #b9b3a3; transition: background .25s ease,box-shadow .25s ease; }
.mia-optic-lamp__hood b { position: absolute; top: 18%; left: 17%; width: 30%; height: 12%; border-radius: 99px; background: rgba(255,255,255,.76); }
.mia-optic-lamp__arm { position: absolute; top: 47%; left: 44%; width: 8px; height: 35%; border-radius: 99px; background: var(--light-orange); rotate: -7deg; }
.mia-optic-lamp__base { position: absolute; right: 10%; bottom: 2%; left: 10%; height: 16%; border-radius: 50%; background: linear-gradient(180deg,#ffbc76,var(--light-orange)); box-shadow: inset 0 -7px 0 rgba(173,98,34,.15),0 8px 10px rgba(118,75,38,.14); }
.mia-optic-lamp > strong,.mia-optic-lamp > small { position: absolute; right: 0; left: 0; text-align: center; }
.mia-optic-lamp > strong { bottom: -5%; color: var(--light-orange); font-size: clamp(9px,1.25vw,12px); }
.mia-optic-lamp > small { top: 51%; color: var(--light-coral); font-size: clamp(8px,1.05vw,10px); font-weight: 950; }
.mia-optic-beam { position: absolute; z-index: 6; top: 27%; bottom: 26%; left: 22%; width: 31%; clip-path: polygon(0 39%,100% 0,100% 100%,0 61%); background: rgba(246,204,36,.3); }
.mia-optic-beam i { position: absolute; left: 0; width: 100%; height: 4px; background: var(--light-yellow); transform-origin: left; }
.mia-optic-beam i:nth-child(1) { top: 7%; rotate: -10deg; }
.mia-optic-beam i:nth-child(2) { top: 49%; }
.mia-optic-beam i:nth-child(3) { top: 91%; rotate: 10deg; }
.mia-optic-beam span { position: absolute; bottom: 3%; left: 50%; width: max-content; color: var(--light-orange); font-size: clamp(8px,1vw,10px); font-weight: 950; transform: translateX(-50%); }
.mia-optic-easel { position: absolute; z-index: 13; top: 7%; bottom: 12%; left: 47%; width: 24%; }
.mia-optic-card { position: absolute; z-index: 4; top: 4%; right: 7%; left: 7%; height: 64%; border: 5px solid var(--light-violet); border-radius: 13px; background: #d9d6d1; box-shadow: 0 15px 19px rgba(91,91,214,.16); transition: background .3s ease,box-shadow .3s ease; }
.mia-optic-card::after { position: absolute; top: -12px; left: 50%; width: 40%; height: 21px; border-radius: 6px; background: var(--light-coral); box-shadow: 0 4px 0 rgba(204,80,68,.2); content: ''; transform: translateX(-50%); }
.mia-optic-card i { position: absolute; top: 13%; left: 12%; width: 25%; height: 7%; border-radius: 99px; background: rgba(255,255,255,.7); }
.mia-optic-card b,.mia-optic-card small { position: absolute; right: 5%; left: 5%; text-align: center; }
.mia-optic-card b { top: 37%; color: var(--light-violet); font-size: clamp(10px,1.5vw,14px); }
.mia-optic-card small { bottom: 8%; color: var(--light-violet); font-size: clamp(8px,1vw,10px); font-weight: 950; }
.mia-optic-easel__legs { position: absolute; right: 5%; bottom: 0; left: 5%; height: 47%; }
.mia-optic-easel__legs i { position: absolute; bottom: 0; width: 8px; height: 100%; border-radius: 99px; background: var(--light-violet); transform-origin: bottom; }
.mia-optic-easel__legs i:first-child { left: 38%; rotate: 13deg; }
.mia-optic-easel__legs i:last-child { right: 38%; rotate: -13deg; }
.mia-optic-return { position: absolute; z-index: 7; top: 31%; right: 14%; left: 66%; height: 35%; }
.mia-optic-return i { position: absolute; right: 0; left: 0; height: 4px; border-radius: 99px; background: repeating-linear-gradient(90deg,var(--light-cyan) 0 14px,transparent 14px 23px); }
.mia-optic-return i:first-child { top: 24%; rotate: 9deg; }
.mia-optic-return i:nth-child(2) { top: 63%; rotate: -8deg; }
.mia-optic-return span { position: absolute; right: 0; bottom: 0; left: 0; color: var(--light-cyan); font-size: clamp(7px,1vw,9px); font-weight: 950; text-align: center; }
.mia-optic-observer { position: absolute; z-index: 12; top: 29%; right: 0; width: 15%; }
.mia-optic-observer strong,.mia-optic-observer small { display: block; margin-top: 14px; text-align: center; }
.mia-optic-observer strong { font-size: clamp(9px,1.2vw,11px); }
.mia-optic-observer small { margin-top: 2px; color: var(--light-cyan); font-size: clamp(8px,1vw,9px); font-weight: 950; }
.mia-optic-chain { position: absolute; z-index: 20; right: 20%; bottom: 3%; left: 20%; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 5px; }
.mia-optic-chain span { padding: 5px 7px; border-radius: 8px; background: var(--light-green); color: #fff; font-size: clamp(8px,1.05vw,10px); font-weight: 950; text-align: center; }
.mia-optic-chain i { color: var(--light-green); font-style: normal; font-weight: 950; text-align: center; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-optic-lamp__hood i { background: var(--light-yellow); box-shadow: 0 0 29px 14px rgba(246,204,36,.5); }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-optic-card { background: var(--light-paper); box-shadow: 0 0 28px rgba(246,204,36,.3),0 15px 19px rgba(91,91,214,.16); }

/* 02 · A mounted optical tube, not a floating line diagram. */
.mia-experiment__scene--light-straight { background: linear-gradient(180deg,#f3f5ee 0 77%,#e7d6b9 77% 84%,#bd8c5f 84% 100%); }
.mia-tube-rig { position: absolute; z-index: 5; top: 17%; right: 4%; bottom: 8%; left: 4%; }
.mia-tube-rail { position: absolute; z-index: 2; right: 2%; bottom: 17%; left: 2%; height: 13px; border-radius: 99px; background: var(--light-cyan); box-shadow: 0 9px 0 rgba(35,152,189,.18); }
.mia-tube-rail > i { position: absolute; top: -4px; width: 20px; height: 20px; border: 5px solid var(--light-cyan); border-radius: 50%; background: var(--light-cyan-soft); }
.mia-tube-rail i:first-child { left: 3%; }.mia-tube-rail i:nth-child(2) { left: 50%; }.mia-tube-rail i:last-child { right: 3%; }
.mia-tube-lamp { position: absolute; z-index: 10; top: 28%; left: 0; width: 17%; }
.mia-tube-lamp > div { position: relative; height: 76px; border: 5px solid var(--light-orange); border-radius: 40px 12px 12px 40px; background: var(--light-yellow-soft); box-shadow: inset 8px 7px 0 rgba(255,255,255,.54),0 11px 15px rgba(242,156,69,.16); }
.mia-tube-lamp > div::after { position: absolute; top: 17%; right: -17%; width: 22%; height: 66%; border-radius: 0 8px 8px 0; background: var(--light-orange); content: ''; }
.mia-tube-lamp i { position: absolute; top: 35%; right: -23%; width: 17%; aspect-ratio: 1; border-radius: 50%; background: var(--light-yellow); box-shadow: 0 0 20px 8px rgba(246,204,36,.45); }
.mia-tube-lamp b { position: absolute; top: 17%; left: 16%; width: 28%; height: 12%; border-radius: 99px; background: rgba(255,255,255,.68); }
.mia-tube-lamp strong { display: block; margin-top: 8px; color: var(--light-orange); font-size: clamp(8px,1vw,10px); text-align: center; }
.mia-tube-clamp { position: absolute; z-index: 8; bottom: 18%; width: 8%; height: 47%; }
.mia-tube-clamp.is-one { left: 34%; }.mia-tube-clamp.is-two { right: 30%; }
.mia-tube-clamp i { position: absolute; bottom: 0; left: 50%; width: 8px; height: 70%; border-radius: 99px; background: var(--light-violet); transform: translateX(-50%); }
.mia-tube-clamp b { position: absolute; top: 12%; left: 50%; width: 42px; height: 42px; border: 7px solid var(--light-violet); border-radius: 50%; background: var(--light-violet-soft); transform: translateX(-50%); }
.mia-tube-specimen { position: absolute; z-index: 9; top: 23%; right: 17%; left: 16%; height: 47%; }
.mia-tube-specimen__straight { position: absolute; top: 27%; right: 0; left: 0; height: 56px; border: 7px solid var(--light-orange); border-radius: 99px; background: linear-gradient(180deg,#fff9ed 0 48%,#f4d3a7 48% 100%); box-shadow: inset 0 8px 0 rgba(255,255,255,.54),0 12px 16px rgba(242,156,69,.16); transition: opacity .25s ease; }
.mia-tube-specimen__bend { position: absolute; inset: 0; opacity: 0; transition: opacity .25s ease; }
.mia-tube-specimen__bend::before { position: absolute; top: 3%; bottom: 2%; left: 0; width: 55%; border: 7px solid var(--light-orange); border-right: 0; border-radius: 99px 0 0 99px; background: linear-gradient(90deg,#fff9ed,#f4d3a7); box-shadow: -2px 9px 15px rgba(242,156,69,.14); content: ''; }
.mia-tube-specimen__bend::after { position: absolute; top: 3%; right: 0; width: 55%; height: 56px; border: 7px solid var(--light-orange); border-left: 0; border-radius: 0 99px 99px 0; background: linear-gradient(180deg,#fff9ed,#f4d3a7); content: ''; }
.mia-tube-ray { position: absolute; z-index: 5; top: 50%; right: 2%; left: 1%; height: 5px; border-radius: 99px; background: var(--light-yellow); box-shadow: 0 0 12px rgba(246,204,36,.6); transform-origin: left; transition: width .35s ease; }
.mia-tube-ray i { position: absolute; top: -5px; right: 0; width: 12px; height: 12px; border-top: 5px solid var(--light-yellow); border-right: 5px solid var(--light-yellow); transform: rotate(45deg); }
.mia-tube-specimen strong,.mia-tube-specimen small { position: absolute; left: 50%; width: max-content; text-align: center; transform: translateX(-50%); }
.mia-tube-specimen strong { bottom: -4%; color: var(--light-orange); font-size: clamp(9px,1.2vw,11px); }
.mia-tube-specimen small { z-index: 10; top: 49%; padding: 4px 7px; border-radius: 8px; background: var(--light-coral-soft); color: var(--light-coral); font-size: clamp(8px,1vw,9px); font-weight: 950; }
.mia-tube-viewer { position: absolute; z-index: 10; top: 30%; right: 0; width: 14%; }
.mia-tube-viewer strong,.mia-tube-viewer small { display: block; margin-top: 13px; text-align: center; }
.mia-tube-viewer strong { font-size: clamp(8px,1vw,10px); }.mia-tube-viewer small { margin-top: 2px; color: var(--light-blue); font-size: clamp(7px,.95vw,9px); font-weight: 950; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-tube-specimen__straight { opacity: 0; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-tube-specimen__bend { opacity: 1; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-tube-ray { width: 48%; }

/* 03 · Three tactile material samples share one physical rack. */
.mia-experiment__scene--light-materials { background: linear-gradient(180deg,#f7f3e8 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-material-question { grid-template-columns: auto auto; align-items: center; gap: 11px; }
.mia-material-question b { margin: 0; color: var(--light-violet); }
.mia-material-rack { position: absolute; z-index: 5; top: 18%; right: 3%; bottom: 8%; left: 3%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: end; }
.mia-material-rack::before { position: absolute; right: 0; bottom: 10%; left: 0; height: 13px; border-radius: 99px; background: var(--light-orange); box-shadow: 0 10px 0 rgba(118,75,38,.16); content: ''; }
.mia-material-station { position: relative; z-index: 5; height: 78%; text-align: center; }
.mia-material-station > strong { color: var(--light-blue); font-size: clamp(10px,1.35vw,13px); letter-spacing: .07em; }
.mia-material-stand { position: absolute; top: 12%; right: 8%; bottom: 22%; left: 8%; }
.mia-material-stand::before { position: absolute; bottom: 0; left: 50%; width: 8px; height: 29%; border-radius: 99px; background: var(--light-violet); content: ''; transform: translateX(-50%); }
.mia-material-stand::after { position: absolute; right: 15%; bottom: 0; left: 15%; height: 12px; border-radius: 50%; background: var(--light-violet); box-shadow: 0 6px 0 rgba(91,91,214,.14); content: ''; }
.mia-material-sample { position: absolute; z-index: 4; top: 0; right: 13%; left: 13%; height: 68%; border: 5px solid var(--light-blue); border-radius: 14px; box-shadow: inset 8px 7px 0 rgba(255,255,255,.38),0 13px 17px rgba(47,115,217,.14); }
.is-glass .mia-material-sample { background: rgba(224,248,251,.5); }.is-paper .mia-material-sample { border-color: var(--light-violet); background: var(--light-violet-soft); }.is-wood .mia-material-sample { border-color: var(--light-orange); background: repeating-linear-gradient(90deg,#f0b775 0 11px,#d99045 11px 15px); }
.mia-material-sample i:first-child { position: absolute; top: 10%; left: 14%; width: 18%; height: 64%; border-radius: 99px; background: rgba(255,255,255,.68); rotate: 9deg; }
.mia-material-sample i:last-child { position: absolute; right: 9%; bottom: 8%; width: 31%; height: 9%; border-radius: 99px; background: rgba(255,255,255,.4); }
.mia-material-stand > b { position: absolute; z-index: 3; top: 21%; right: 1%; left: 1%; font-size: clamp(18px,3vw,30px); }
.is-paper .mia-material-stand > b { filter: blur(3px); opacity: .5; }.is-wood .mia-material-stand > b { opacity: .08; }
.mia-material-station > small,.mia-material-station > em { position: absolute; right: 0; left: 0; font-size: clamp(8px,1vw,10px); font-style: normal; font-weight: 950; }
.mia-material-station > small { bottom: 20%; color: var(--light-violet); }.mia-material-station > em { bottom: 10%; padding: 4px; border-radius: 7px; background: var(--light-green-soft); color: var(--light-green); }
.mia-material-lampbar { position: absolute; z-index: 8; right: 9%; bottom: -10%; left: 9%; display: flex; min-height: 38px; align-items: center; justify-content: center; gap: 11px; border-radius: 13px; background: var(--light-blue-soft); color: var(--light-blue); box-shadow: 0 6px 0 rgba(47,115,217,.15); }
.mia-material-switch { display: flex; width: 48px; height: 23px; padding: 3px; align-items: center; border-radius: 99px; background: var(--light-blue); }
.mia-material-switch i { width: 17px; aspect-ratio: 1; border-radius: 50%; background: #fff; transition: translate .25s ease; }
.mia-material-switch b { margin-left: 5px; color: #fff; font-size: 7px; }
.mia-material-lampbar > span { font-size: clamp(8px,1vw,10px); font-weight: 950; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-material-switch i { translate: 25px 0; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-material-sample { box-shadow: inset 8px 7px 0 rgba(255,255,255,.38),0 0 25px rgba(246,204,36,.25),0 13px 17px rgba(47,115,217,.14); }

/* 04 · The ball and screen are mounted specimens with attached labels. */
.mia-experiment__scene--light-shadows { background: linear-gradient(180deg,#f2f5ef 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-shadow-location { grid-template-columns: 1fr 1fr; gap: 12px; }.mia-shadow-location b { margin: 0; color: var(--light-coral); }
.mia-shadow-stage { position: absolute; z-index: 5; top: 16%; right: 4%; bottom: 7%; left: 4%; }
.mia-shadow-stage::before { position: absolute; right: 0; bottom: 10%; left: 0; height: 13px; border-radius: 99px; background: var(--light-orange); box-shadow: 0 10px 0 rgba(118,75,38,.16); content: ''; }
.mia-shadow-lamp,.mia-shadow-rig__lamp { position: absolute; z-index: 12; bottom: 13%; left: 0; width: 18%; height: 58%; }
.mia-shadow-lamp > div,.mia-shadow-rig__lamp > div { position: absolute; top: 7%; left: 2%; width: 72%; height: 42%; border: 5px solid var(--light-orange); border-radius: 60% 24% 24% 60%; background: var(--light-yellow-soft); box-shadow: inset 8px 6px 0 rgba(255,255,255,.5),0 11px 15px rgba(242,156,69,.15); }
.mia-shadow-lamp > div::after,.mia-shadow-rig__lamp > div::after { position: absolute; top: 15%; right: -18%; width: 24%; height: 70%; border-radius: 0 8px 8px 0; background: var(--light-orange); content: ''; }
.mia-shadow-lamp i,.mia-shadow-rig__lamp i { position: absolute; top: 31%; right: -25%; width: 19%; aspect-ratio: 1; border-radius: 50%; background: #aaa; transition: background .25s ease,box-shadow .25s ease; }
.mia-shadow-lamp b,.mia-shadow-rig__lamp b { position: absolute; top: 17%; left: 14%; width: 30%; height: 11%; border-radius: 99px; background: rgba(255,255,255,.6); }
.mia-shadow-lamp > span,.mia-shadow-rig__lamp > strong { position: absolute; right: 0; bottom: 0; left: 0; color: var(--light-orange); font-size: clamp(8px,1.05vw,10px); text-align: center; }
.mia-shadow-light,.mia-shadow-blocked,.mia-shadow-rig__rays { position: absolute; z-index: 4; top: 27%; bottom: 26%; left: 15%; }
.mia-shadow-light { width: 42%; clip-path: polygon(0 39%,100% 0,100% 100%,0 61%); background: rgba(246,204,36,.25); }.mia-shadow-blocked { left: 57%; width: 28%; }
.mia-shadow-light i,.mia-shadow-blocked i,.mia-shadow-rig__rays i { position: absolute; left: 0; width: 100%; height: 4px; transform-origin: left; }
.mia-shadow-light i { background: var(--light-yellow); }.mia-shadow-blocked i { background: var(--light-coral); }
.mia-shadow-light i:first-child,.mia-shadow-rig__rays i:first-child { top: 6%; rotate: -11deg; }.mia-shadow-light i:nth-child(2) { top: 49%; }.mia-shadow-light i:last-child,.mia-shadow-rig__rays i:last-child { bottom: 6%; rotate: 11deg; }
.mia-shadow-blocked i:first-child { top: 9%; rotate: 16deg; }.mia-shadow-blocked i:last-child { bottom: 9%; rotate: -16deg; }
.mia-shadow-ballstand { position: absolute; z-index: 13; top: 20%; bottom: 13%; left: 45%; width: 20%; }
.mia-shadow-ball { position: absolute; z-index: 5; top: 3%; left: 50%; width: 92%; aspect-ratio: 1; border: 5px solid var(--light-violet); border-radius: 50%; background: linear-gradient(90deg,var(--light-yellow-soft),var(--light-orange-soft)); box-shadow: inset 12px 9px 0 rgba(255,255,255,.35),0 14px 18px rgba(91,91,214,.16); transform: translateX(-50%); }
.mia-shadow-ball i { position: absolute; top: 15%; left: 18%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.64); }
.mia-shadow-ball > b { position: absolute; top: 0; right: 0; bottom: 0; width: 46%; border-radius: 0 99px 99px 0; background: rgba(91,91,214,.7); }
.mia-shadow-stem { position: absolute; bottom: 5%; left: 50%; width: 8px; height: 43%; border-radius: 99px; background: var(--light-violet); transform: translateX(-50%); }
.mia-shadow-stem::after { position: absolute; bottom: -6px; left: 50%; width: 60px; height: 14px; border-radius: 50%; background: var(--light-violet); content: ''; transform: translateX(-50%); }
.mia-shadow-ballmeasure { position: absolute; z-index: 8; top: 29%; right: -7%; left: -7%; }
.mia-shadow-ballmeasure i,.mia-ball-diameter span { display: block; height: 4px; border-radius: 99px; background: var(--light-blue); }
.mia-shadow-ballmeasure i::before,.mia-shadow-ballmeasure i::after,.mia-ball-diameter span::before,.mia-ball-diameter span::after { position: absolute; top: -6px; width: 4px; height: 16px; border-radius: 3px; background: var(--light-blue); content: ''; }.mia-shadow-ballmeasure i::before,.mia-ball-diameter span::before { left: 0; }.mia-shadow-ballmeasure i::after,.mia-ball-diameter span::after { right: 0; }
.mia-shadow-ballmeasure strong { display: block; width: max-content; margin: 5px auto 0; padding: 3px 6px; border-radius: 6px; background: var(--light-blue-soft); color: var(--light-blue); font-size: clamp(8px,1vw,10px); }
.mia-shadow-ballstand > small { position: absolute; z-index: 12; top: 64%; right: -34%; left: -34%; color: var(--light-violet); font-size: clamp(8px,1vw,10px); font-weight: 950; text-align: center; }
.mia-shadow-screenstand { position: absolute; z-index: 11; top: 3%; right: 0; bottom: 11%; width: 18%; }
.mia-shadow-screen { position: absolute; z-index: 5; top: 0; right: 5%; left: 5%; height: 72%; border: 5px solid var(--light-indigo); border-radius: 12px; background: var(--light-paper); box-shadow: inset 0 0 0 8px var(--light-indigo-soft),0 15px 19px rgba(91,91,214,.15); }
.mia-shadow-screen > i { position: absolute; top: 20%; left: 50%; width: 58%; height: 58%; border-radius: 50%; background: var(--light-indigo); opacity: .78; transform: translateX(-50%); }
.mia-shadow-screenfeet { position: absolute; right: 8%; bottom: 0; left: 8%; height: 34%; }
.mia-shadow-screenfeet i { position: absolute; bottom: 0; width: 7px; height: 100%; border-radius: 99px; background: var(--light-indigo); }.mia-shadow-screenfeet i:first-child { left: 23%; }.mia-shadow-screenfeet i:last-child { right: 23%; }
.mia-shadow-screenfeet::after { position: absolute; right: 0; bottom: 0; left: 0; height: 12px; border-radius: 50%; background: var(--light-indigo); content: ''; }
.mia-shadow-screenstand > strong,.mia-shadow-screenstand > small { position: absolute; right: -20%; left: -20%; text-align: center; }.mia-shadow-screenstand > strong { bottom: -3%; font-size: clamp(8px,1vw,10px); }.mia-shadow-screenstand > small { top: 76%; color: var(--light-coral); font-size: clamp(8px,1vw,10px); font-weight: 950; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) :is(.mia-shadow-lamp,.mia-shadow-rig__lamp) i { background: var(--light-yellow); box-shadow: 0 0 25px 10px rgba(246,204,36,.48); }

/* 05 · Every measurement is physically attached to its object. */
.mia-experiment__scene--light-size { background: linear-gradient(180deg,#f2f5ef 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-shadow-constants span { color: var(--light-green); }
.mia-shadow-rig { position: absolute; z-index: 5; top: 17%; right: 4%; bottom: 7%; left: 4%; }
.mia-shadow-rig__rail { position: absolute; z-index: 9; right: 4%; bottom: 11%; left: 7%; height: 7px; border-radius: 99px; background: var(--light-ink); }
.mia-shadow-rig__rail > span { position: absolute; inset: -4px 0; border-radius: 99px; background: repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.9) 9.3% 9.7%,transparent 10% 19%); }
.mia-shadow-rig__rail > i { position: absolute; top: 9px; font-size: clamp(8px,1vw,10px); font-style: normal; font-weight: 950; transform: translateX(-50%); }.mia-shadow-rig__rail i:nth-of-type(1) { left: 0; }.mia-shadow-rig__rail i:nth-of-type(2) { left: 33.33%; }.mia-shadow-rig__rail i:nth-of-type(3) { left: 75%; }.mia-shadow-rig__rail i:nth-of-type(4) { left: 100%; }
.mia-shadow-pin { position: absolute; z-index: 15; bottom: 7%; display: grid; justify-items: center; }.mia-shadow-pin.is-lamp { left: 7%; }.mia-shadow-pin.is-screen { right: 4%; }
.mia-shadow-pin i { width: 19px; aspect-ratio: 1; border: 5px solid var(--light-green); border-radius: 50%; background: var(--light-green-soft); }.mia-shadow-pin b { margin-top: 2px; color: var(--light-green); font-size: 7px; }
.mia-shadow-rig__lamp { bottom: 19%; left: 0; }
.mia-shadow-rig__rays { z-index: 3; top: 27%; right: 11%; bottom: 26%; left: 14%; }.mia-shadow-rig__rays i { background: var(--light-yellow); }
.mia-shadow-carriage { position: absolute; z-index: 13; top: 30%; bottom: 14%; left: 66%; width: 14%; transition: left .58s cubic-bezier(.2,.85,.25,1); }
.mia-shadow-rig__ball { position: absolute; z-index: 5; top: 0; left: 50%; width: 100%; aspect-ratio: 1; border: 5px solid var(--light-violet); border-radius: 50%; background: linear-gradient(90deg,var(--light-yellow-soft),var(--light-orange-soft)); box-shadow: inset 9px 7px 0 rgba(255,255,255,.38),0 12px 16px rgba(91,91,214,.16); transform: translateX(-50%); }
.mia-shadow-rig__ball i { position: absolute; top: 15%; left: 18%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: rgba(255,255,255,.66); }
.mia-ball-diameter { position: absolute; z-index: 9; top: 25%; right: -8%; left: -8%; }.mia-ball-diameter span { position: relative; }.mia-ball-diameter b { display: block; width: max-content; margin: 5px auto 0; padding: 3px 6px; border-radius: 6px; background: var(--light-blue-soft); color: var(--light-blue); font-size: clamp(8px,1vw,10px); }
.mia-shadow-carriage__foot { position: absolute; bottom: 0; left: 50%; width: 9px; height: 57%; border-radius: 99px; background: var(--light-violet); transform: translateX(-50%); }.mia-shadow-carriage__foot::after { position: absolute; bottom: 0; left: 50%; width: 54px; height: 13px; border-radius: 50%; background: var(--light-violet); content: ''; transform: translateX(-50%); }
.mia-shadow-carriage > strong { position: absolute; top: 57%; left: 50%; width: max-content; padding: 3px 6px; border-radius: 7px; background: var(--light-violet-soft); color: var(--light-violet); font-size: clamp(9px,1.1vw,11px); transform: translateX(-50%); }
.mia-shadow-rig__screen { position: absolute; z-index: 12; top: 3%; right: 0; bottom: 18%; width: 14%; }.mia-shadow-rig__screen > div { position: absolute; top: 0; right: 2%; left: 2%; height: 78%; border: 5px solid var(--light-indigo); border-radius: 11px; background: var(--light-paper); box-shadow: inset 0 0 0 7px var(--light-indigo-soft),0 15px 18px rgba(91,91,214,.15); }.mia-shadow-rig__screen > div::after { position: absolute; bottom: -31%; left: 50%; width: 8px; height: 31%; border-radius: 99px; background: var(--light-indigo); content: ''; transform: translateX(-50%); }
.mia-shadow-rig__screen > div > i { position: absolute; inset: 8%; border: 2px dashed rgba(91,91,214,.25); border-radius: 7px; }
.mia-shadow-rig__screen > div > b { position: absolute; top: 50%; left: 50%; border-radius: 50%; background: var(--light-indigo); opacity: .78; transform: translate(-50%,-50%); }.mia-shadow-rig__screen > div > b.is-before { width: 37%; height: 32%; }.mia-shadow-rig__screen > div > b.is-after { width: 73%; height: 68%; }
.mia-shadow-rig__screen > small { position: absolute; right: -25%; bottom: -4%; left: -25%; color: var(--light-indigo); font-size: clamp(8px,1vw,10px); font-weight: 950; text-align: center; }
.mia-shadow-diameter { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); }.mia-shadow-diameter > i { position: relative; display: block; width: 34px; height: 4px; background: var(--light-coral); }.mia-shadow-diameter.is-after > i { width: 66px; }.mia-shadow-diameter > i::before,.mia-shadow-diameter > i::after { position: absolute; top: -6px; width: 4px; height: 16px; background: var(--light-coral); content: ''; }.mia-shadow-diameter > i::before { left: 0; }.mia-shadow-diameter > i::after { right: 0; }.mia-shadow-diameter strong { position: absolute; top: 7px; left: 50%; width: max-content; padding: 2px 5px; border-radius: 5px; background: var(--light-coral-soft); color: var(--light-coral); font-size: clamp(8px,1vw,10px); transform: translateX(-50%); }
.mia-shadow-result { position: absolute; z-index: 20; right: 14%; bottom: 3%; left: 14%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 7px; color: var(--light-green); font-size: clamp(8px,1vw,10px); font-weight: 950; text-align: center; }.mia-shadow-result span,.mia-shadow-result strong { padding: 5px; border-radius: 7px; background: var(--light-green-soft); }.mia-shadow-result i { font-size: 17px; font-style: normal; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-shadow-carriage { left: 34%; }

/* 06 · A literal tabletop model replaces the space-poster regression. */
.mia-experiment__scene--light-moon { background: linear-gradient(180deg,#f4f4eb 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-model-key span { color: var(--light-orange); }
.mia-moon-model { position: absolute; z-index: 5; top: 16%; right: 4%; bottom: 7%; left: 4%; }
.mia-moon-model::before { position: absolute; right: 0; bottom: 10%; left: 0; height: 13px; border-radius: 99px; background: var(--light-orange); box-shadow: 0 10px 0 rgba(118,75,38,.16); content: ''; }
.mia-model-sun,.mia-model-moon,.mia-model-earth { position: absolute; z-index: 12; bottom: 12%; height: 75%; }.mia-model-sun { left: 0; width: 20%; }.mia-model-moon { left: 48%; width: 19%; }.mia-model-earth { right: 0; width: 18%; }
.mia-model-lamp { position: absolute; top: 8%; left: 4%; width: 78%; height: 48%; border: 5px solid var(--light-orange); border-radius: 60% 27% 27% 60%; background: var(--light-yellow-soft); box-shadow: inset 9px 7px 0 rgba(255,255,255,.5),0 12px 16px rgba(242,156,69,.17); }.mia-model-lamp::after { position: absolute; top: 14%; right: -17%; width: 23%; height: 72%; border-radius: 0 9px 9px 0; background: var(--light-orange); content: ''; }.mia-model-lamp i { position: absolute; top: 31%; right: -24%; width: 18%; aspect-ratio: 1; border-radius: 50%; background: #aaa; transition: background .25s ease,box-shadow .25s ease; }.mia-model-lamp b { position: absolute; top: 16%; left: 17%; width: 28%; height: 10%; border-radius: 99px; background: rgba(255,255,255,.62); }
.mia-model-base { position: absolute; right: 8%; bottom: 0; left: 8%; display: grid; min-height: 48px; align-content: center; border-radius: 50%; background: linear-gradient(180deg,#ffbc76,var(--light-orange)); box-shadow: inset 0 -7px 0 rgba(173,98,34,.15),0 8px 10px rgba(118,75,38,.14); text-align: center; }.mia-model-base span { font-size: clamp(8px,1vw,10px); font-weight: 950; }.mia-model-base small { color: var(--light-ink); font-size: clamp(7px,.9vw,9px); font-weight: 950; }
.mia-model-moonball,.mia-model-globe { position: absolute; z-index: 6; top: 4%; left: 50%; width: 88%; aspect-ratio: 1; border: 5px solid var(--light-indigo); border-radius: 50%; transform: translateX(-50%); }.mia-model-moonball { background: linear-gradient(90deg,#d7d9df 0 50%,var(--light-indigo) 50% 100%); box-shadow: inset 10px 8px 0 rgba(255,255,255,.33),0 14px 19px rgba(91,91,214,.17); }.mia-model-moonball i,.mia-model-moonball i::before,.mia-model-moonball i::after { position: absolute; aspect-ratio: 1; border-radius: 50%; background: #aaa; content: ''; opacity: .5; }.mia-model-moonball i { top: 16%; left: 17%; width: 18%; }.mia-model-moonball i::before { top: 145%; left: 180%; width: 72%; }.mia-model-moonball i::after { top: 285%; left: 34%; width: 58%; }.mia-model-moonball b { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; border-radius: 0 99px 99px 0; background: rgba(41,39,45,.28); }
.mia-model-globe { border-color: var(--light-blue); background: var(--light-cyan); box-shadow: inset 10px 8px 0 rgba(255,255,255,.3),0 14px 19px rgba(47,115,217,.17); }.mia-model-globe i { position: absolute; top: 17%; left: 13%; width: 37%; height: 25%; border-radius: 55% 45% 60% 40%; background: var(--light-green); rotate: -14deg; }.mia-model-globe b { position: absolute; right: 13%; bottom: 18%; width: 32%; height: 24%; border-radius: 42% 58% 38% 62%; background: var(--light-green); rotate: 18deg; }
.mia-model-stem { position: absolute; bottom: 12%; left: 50%; width: 8px; height: 41%; border-radius: 99px; background: var(--light-indigo); transform: translateX(-50%); }.mia-model-earth .mia-model-stem { background: var(--light-blue); }
.mia-model-sunbeam,.mia-model-return { position: absolute; z-index: 6; top: 28%; bottom: 30%; }.mia-model-sunbeam { left: 18%; width: 34%; clip-path: polygon(0 39%,100% 0,100% 100%,0 61%); background: rgba(246,204,36,.27); }.mia-model-return { right: 15%; width: 22%; }
.mia-model-sunbeam i,.mia-model-return i { position: absolute; right: 0; left: 0; height: 4px; }.mia-model-sunbeam i { background: var(--light-yellow); }.mia-model-return i { background: repeating-linear-gradient(90deg,var(--light-cyan) 0 14px,transparent 14px 23px); }.mia-model-sunbeam i:first-child { top: 7%; rotate: -10deg; }.mia-model-sunbeam i:nth-child(2) { top: 49%; }.mia-model-sunbeam i:nth-child(3) { bottom: 7%; rotate: 10deg; }.mia-model-return i:first-child { top: 28%; rotate: 8deg; }.mia-model-return i:nth-child(2) { top: 66%; rotate: -8deg; }
.mia-model-sunbeam span,.mia-model-return span { position: absolute; right: 0; bottom: 0; left: 0; color: var(--light-orange); font-size: clamp(7px,1vw,9px); font-weight: 950; text-align: center; }.mia-model-return span { color: var(--light-cyan); }
.mia-model-chain { position: absolute; z-index: 20; right: 12%; bottom: 3%; left: 12%; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 5px; }.mia-model-chain span { padding: 5px; border-radius: 7px; background: var(--light-green-soft); color: var(--light-green); font-size: clamp(7px,1vw,9px); font-weight: 950; text-align: center; }.mia-model-chain i { color: var(--light-green); font-style: normal; font-weight: 950; text-align: center; }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-model-lamp i { background: var(--light-yellow); box-shadow: 0 0 27px 12px rgba(246,204,36,.48); }

/* 07 · The orbit is a physical rail viewed from above. */
.mia-experiment__scene--light-phase { background: linear-gradient(180deg,#f4f4eb 0 77%,#ead6b7 77% 84%,#c99f70 84% 100%); }
.mia-orbit-question { position: absolute; z-index: 30; top: 5%; right: 7%; left: 7%; text-align: center; }.mia-orbit-question span { display: inline-block; padding: 7px 11px; border-radius: 9px; background: rgba(255,255,255,.9); color: var(--light-violet); box-shadow: 0 6px 0 rgba(91,91,214,.12); font-size: clamp(9px,1.2vw,11px); font-weight: 950; }
.mia-orbit-model { position: absolute; z-index: 5; top: 15%; right: 4%; bottom: 7%; left: 4%; }.mia-orbit-model::before { position: absolute; inset: 2% 0 4%; border-radius: 34px; background: rgba(255,253,247,.7); box-shadow: inset 0 -13px 0 rgba(242,156,69,.11),0 15px 20px rgba(118,75,38,.12); content: ''; }
.mia-orbit-lamp { position: absolute; z-index: 13; top: 34%; left: 2%; width: 18%; }.mia-orbit-lamp > div { position: relative; height: 75px; border: 5px solid var(--light-orange); border-radius: 40px 12px 12px 40px; background: var(--light-yellow-soft); box-shadow: inset 8px 7px 0 rgba(255,255,255,.5),0 11px 15px rgba(242,156,69,.16); }.mia-orbit-lamp > div::after { position: absolute; top: 16%; right: -18%; width: 24%; height: 68%; border-radius: 0 8px 8px 0; background: var(--light-orange); content: ''; }.mia-orbit-lamp i { position: absolute; top: 31%; right: -25%; width: 18%; aspect-ratio: 1; border-radius: 50%; background: var(--light-yellow); box-shadow: 0 0 22px 9px rgba(246,204,36,.45); }.mia-orbit-lamp b { position: absolute; top: 16%; left: 15%; width: 30%; height: 11%; border-radius: 99px; background: rgba(255,255,255,.62); }.mia-orbit-lamp strong { display: block; margin-top: 7px; color: var(--light-orange); font-size: clamp(8px,1vw,10px); text-align: center; }
.mia-orbit-axis { position: absolute; z-index: 3; top: 50%; right: 5%; left: 18%; height: 5px; background: repeating-linear-gradient(90deg,var(--light-yellow) 0 17px,transparent 17px 27px); }.mia-orbit-axis i { position: absolute; top: -5px; right: 0; width: 13px; height: 13px; border-top: 5px solid var(--light-yellow); border-right: 5px solid var(--light-yellow); transform: rotate(45deg); }
.mia-orbit-track { position: absolute; z-index: 4; top: 10%; right: 4%; bottom: 7%; left: 42%; border: 8px solid var(--light-violet-soft); border-radius: 50%; box-shadow: inset 0 0 0 3px var(--light-violet),0 10px 16px rgba(91,91,214,.12); }.mia-orbit-track i { position: absolute; inset: 12%; border: 3px dashed rgba(146,103,234,.55); border-radius: 50%; }.mia-orbit-track span { position: absolute; right: 20%; bottom: -8%; left: 20%; color: var(--light-violet); font-size: clamp(7px,.95vw,9px); font-weight: 950; text-align: center; }
.mia-orbit-earth { position: absolute; z-index: 12; top: 32%; left: 58%; width: 17%; text-align: center; }.mia-orbit-earth > div { position: relative; width: 100%; aspect-ratio: 1; border: 5px solid var(--light-blue); border-radius: 50%; background: var(--light-cyan); box-shadow: inset 9px 7px 0 rgba(255,255,255,.3),0 13px 17px rgba(47,115,217,.16); }.mia-orbit-earth i { position: absolute; top: 17%; left: 13%; width: 36%; height: 25%; border-radius: 55% 45% 60% 40%; background: var(--light-green); rotate: -13deg; }.mia-orbit-earth b { position: absolute; right: 12%; bottom: 18%; width: 31%; height: 23%; border-radius: 42% 58% 38% 62%; background: var(--light-green); rotate: 16deg; }.mia-orbit-earth strong,.mia-orbit-earth small,.mia-orbit-moon strong,.mia-orbit-moon small { display: block; margin-top: 5px; font-size: clamp(8px,1vw,10px); }.mia-orbit-earth small,.mia-orbit-moon small { margin-top: 1px; font-size: clamp(7px,.9vw,9px); font-weight: 950; }
.mia-orbit-shadow { position: absolute; z-index: 3; top: 35%; right: 3%; left: 71%; height: 31%; }.mia-orbit-shadow i { position: absolute; inset: 0; clip-path: polygon(0 31%,100% 0,100% 100%,0 69%); background: rgba(91,91,214,.28); }.mia-orbit-shadow span { position: absolute; top: 43%; right: 0; left: 12%; color: var(--light-indigo); font-size: clamp(7px,.9vw,9px); font-weight: 950; text-align: center; }
.mia-orbit-moon { position: absolute; z-index: 14; top: 8%; right: 9%; width: 12%; text-align: center; transition: top .58s cubic-bezier(.2,.85,.25,1),right .58s ease; }.mia-orbit-moon > div { position: relative; width: 100%; aspect-ratio: 1; border: 5px solid var(--light-indigo); border-radius: 50%; background: linear-gradient(90deg,#d7d9df 0 40%,var(--light-indigo) 40% 100%); box-shadow: inset 8px 6px 0 rgba(255,255,255,.3),0 12px 16px rgba(91,91,214,.17); }.mia-orbit-moon i { position: absolute; top: 17%; left: 18%; width: 18%; aspect-ratio: 1; border-radius: 50%; background: #aaa; opacity: .5; }.mia-orbit-moon b { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; border-radius: 0 99px 99px 0; background: rgba(41,39,45,.25); }.mia-orbit-moon small { width: max-content; margin-left: 50%; padding: 3px 5px; border-radius: 6px; background: var(--light-violet-soft); color: var(--light-violet); transform: translateX(-50%); }
.mia-orbit-result { position: absolute; z-index: 20; right: 9%; bottom: 3%; left: 9%; text-align: center; }.mia-orbit-result span { display: inline-block; padding: 6px 9px; border-radius: 8px; background: var(--light-violet-soft); color: var(--light-violet); font-size: clamp(8px,1vw,10px); font-weight: 950; }.mia-orbit-result span.is-after { background: var(--light-coral-soft); color: var(--light-coral); }
.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-orbit-moon { top: 42%; right: 3%; }.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-orbit-moon > div { background: var(--light-coral); }

.light-attempt-history { margin-top: 14px; padding: 14px; border-radius: 16px; background: var(--light-orange-soft); }.light-attempt-history > span { color: var(--light-orange); font-size: 10px; font-weight: 950; letter-spacing: .07em; }.light-attempt-history ol { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }.light-attempt-history li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; }.light-attempt-history li i { display: grid; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: var(--light-orange); font-size: 9px; font-style: normal; font-weight: 950; place-items: center; }

@media (max-width: 760px) {
  .science-light-course .mia-light-evidence .mia-experiment__scene { min-height: 360px; }
  .mia-material-rack { right: 2%; left: 2%; gap: 7px; }
  .mia-material-stand { right: 4%; left: 4%; }
  .mia-optic-chain,.mia-model-chain { right: 10%; left: 10%; }
  .mia-shadow-carriage { width: 15%; }
}

@media (max-width: 520px) {
  .science-light-course .mia-light-evidence .mia-experiment__scene { min-height: 330px; border-radius: 30px 30px 22px 22px; }
  .mia-optic-note,.mia-material-question,.mia-shadow-location,.mia-shadow-constants,.mia-model-key { max-width: 94%; padding: 5px 7px; }
  .mia-optic-lamp { width: 23%; }.mia-optic-easel { left: 44%; width: 27%; }.mia-optic-observer { right: -1%; width: 17%; }.mia-optic-beam { left: 21%; width: 26%; }.mia-optic-return { right: 15%; left: 67%; }
  .mia-optic-chain { right: 4%; left: 4%; }
  .mia-tube-lamp { width: 18%; }.mia-tube-specimen { right: 17%; left: 16%; }.mia-tube-viewer { width: 15%; }
  .mia-material-rack { gap: 4px; }.mia-material-station > strong { font-size: 9px; }.mia-material-sample { right: 3%; left: 3%; border-width: 4px; }.mia-material-stand > b { font-size: 16px; }.mia-material-station > em { font-size: 7px; }.mia-material-lampbar { right: 3%; left: 3%; }
  .mia-shadow-ballstand { left: 42%; width: 22%; }.mia-shadow-screenstand { width: 20%; }.mia-shadow-light { width: 40%; }.mia-shadow-blocked { left: 56%; width: 28%; }
  .mia-shadow-carriage { left: 64%; width: 17%; }.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-shadow-carriage { left: 31%; }.mia-shadow-rig__screen { width: 16%; }.mia-shadow-rig__rail { right: 5%; left: 8%; }.mia-shadow-result { right: 3%; left: 3%; }
  .mia-model-sun { width: 21%; }.mia-model-moon { left: 46%; width: 21%; }.mia-model-earth { width: 19%; }.mia-model-chain { right: 3%; left: 3%; }
  .mia-orbit-lamp { width: 19%; }.mia-orbit-track { left: 39%; }.mia-orbit-earth { left: 55%; width: 19%; }.mia-orbit-moon { right: 5%; width: 14%; }.mia-experiment__body:has(.mia-experiment__toggle:checked) .mia-orbit-moon { right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .mia-light-evidence *, .mia-light-evidence *::before, .mia-light-evidence *::after { animation: none !important; transition: none !important; }
}