.explain-scene{display:grid;justify-items:center;gap:12px}.explain-scene svg{display:block;width:100%;height:auto}.im-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 56px;align-items:center}.im-words>h2{margin-bottom:0.7em}.steps.im-steps{grid-template-columns:minmax(0,1fr);gap:10px}.steps.im-steps li{padding:14px 16px 14px 58px;border-radius:16px;font-size:1.02rem;transition:background-color 0.4s,box-shadow 0.4s}.steps.im-steps li::before{left:14px;top:12px}[data-steps-lit="1"] .steps.im-steps li:nth-child(1),[data-steps-lit="2"] .steps.im-steps li:nth-child(2),[data-steps-lit="3"] .steps.im-steps li:nth-child(3),[data-steps-lit="4"] .steps.im-steps li:nth-child(4){background:var(--soft);box-shadow:inset 0 0 0 2px var(--accent)}.im-art{margin:0}.concept-svg.im-svg{max-width:420px}.concept-svg.im-svg[data-system]{max-width:560px}.im-hl{fill:none;stroke:var(--accent-dark);stroke-width:3;stroke-dasharray:8 6;opacity:0;transition:opacity 0.4s}.im-mark circle{fill:#fff;stroke:#2f3a40;stroke-width:2;transition:fill 0.4s,stroke 0.4s}.im-mark text{font:700 17px var(--font);fill:#1f2a30;transition:fill 0.4s}.im-svg[data-stage="1"] .im-hl[data-n="1"],.im-svg[data-stage="2"] .im-hl[data-n="2"],.im-svg[data-stage="3"] .im-hl[data-n="3"],.im-svg[data-stage="4"] .im-hl[data-n="4"]{opacity:1}.im-svg[data-stage="1"] .im-mark[data-n="1"] circle,.im-svg[data-stage="2"] .im-mark[data-n="2"] circle,.im-svg[data-stage="3"] .im-mark[data-n="3"] circle,.im-svg[data-stage="4"] .im-mark[data-n="4"] circle{fill:var(--accent-dark);stroke:var(--accent-dark)}.im-svg[data-stage="1"] .im-mark[data-n="1"] text,.im-svg[data-stage="2"] .im-mark[data-n="2"] text,.im-svg[data-stage="3"] .im-mark[data-n="3"] text,.im-svg[data-stage="4"] .im-mark[data-n="4"] text{fill:#fff}.im-svg[data-stage="2"] .lamp.on.full .lamp-glow{opacity:0.85}.im-svg[data-stage="2"] .lamp.on.half .lamp-glow{opacity:0.55}.im-svg.is-paused .c-flow,.im-svg.is-paused .c-chev{animation-play-state:paused}.im-svg[data-system="ozone"] .im-scent,.im-svg[data-system="ozone"] [data-for="duo"],.im-svg[data-system="duo"] [data-for="ozone"]{display:none}.im-svg .im-white-pipe{fill:none;stroke:#f5f6f6;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 1px 0 #b0b6ba) drop-shadow(0 -1px 0 #b0b6ba)}.im-svg .im-tank-inner{fill:#f4f2f5}.im-svg .im-optional{font:600 15px var(--font);fill:#3d474c;letter-spacing:0.02em}.im-svg .im-liquid{fill:#ea9dc4}.im-svg .im-liquid-deep{fill:#e28bb7}.im-svg .im-mist{fill:#eeaacc;opacity:0.55;filter:blur(5px)}.im-svg .im-mist-spark{fill:#fff}.im-svg .im-air-dot{fill:#d8eefa}.im-svg .im-blue-hose{fill:none;stroke:#4ea7e2;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 2px 0 #2f7fb5)}@media (min-width:821px){.im-grid:has(.im-svg[data-system="duo"]){grid-template-columns:minmax(0,1fr) minmax(0,560px)}}.cu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:24px 56px;align-items:center}.cu-words>:first-child{margin-top:0}.cu-grid:not(:has(>.cu-words>h2)){align-items:start}.cu-art{margin:0}.cu-svg{max-width:560px}.cu-atom{stroke:rgba(255,255,255,0.85);stroke-width:2}.cu-letter{font-family:var(--font);font-weight:700;fill:#fff}.cu-bond{stroke:#6b777e;stroke-width:6;stroke-linecap:round}.cu-stink path{fill:none;stroke:#6f7a33;stroke-width:3.5;stroke-linecap:round}.cu-flash{fill:none;stroke:#fff;stroke-width:5}.cu-frag{fill:#7f8a45}.cu-spark{stroke:#fff;stroke-width:4;stroke-linecap:round}.cu-air-bond{stroke:#9ccde4;stroke-width:4}.cu-air{opacity:0.75}.explain-caption{display:none}@media (max-width:980px){.im-grid,.cu-grid{gap:20px 32px}.cu-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:820px){.im-grid{grid-template-columns:minmax(0,1fr)}.im-words{display:contents}.im-words>h2,.im-words>.lede{order:-2;margin-bottom:0}.im-grid .im-art{order:-1}.cu-grid{grid-template-columns:minmax(0,1fr)}.cu-words{display:contents}.cu-words>h2{order:-2;margin-bottom:0}.cu-words>p{margin:0}.cu-grid .cu-art{order:-1}.steps.im-steps li{padding:12px 12px 12px 54px;font-size:0.98rem}.steps.im-steps li::before{left:12px;top:10px}}@media (max-width:560px){.cu-svg .scene-note{display:none}.closeup-scene .explain-caption{display:block;min-height:4.5em;margin:0;max-width:34ch;text-align:center;font-weight:600;line-height:1.5}}@media (prefers-reduced-motion:reduce){.steps.im-steps li,.im-hl,.im-mark circle,.im-mark text{transition:none}}