.gas-comparison{gap:20px;margin:16px 20px 10px}
.gas-comparison figure{background:linear-gradient(180deg,#fffdf6,#edf2e9);border:1px solid #d4ddcc;border-radius:12px;padding:14px 8px 8px}
.gas-comparison figcaption{font-size:15px;font-weight:600;color:#526c57}
#motion-lab .gas-comparison>.gas-vessel-scene,
#motion-lab .gas-comparison figure>.gas-vessel-scene{display:block;width:100%;height:auto;max-height:none;min-height:0}
.gas-vessel-scene .gas-scene-label{font:13px var(--ad-font);fill:#657b70}
.gas-observation-note{text-align:center;margin:12px 20px 20px;font-size:14px;line-height:1.8;color:#687c65}
.notebook-mini-lab.gas-mini-lab{background:#f6f8ee;border-color:#c8d5bd}
.gas-mini-lab [data-visual]>.gas-vessel-scene{display:block;width:100%;height:auto;max-height:none}
#motion-lab .gas-vessel-scene>svg,
#motion-lab.thermal-expanded .gas-vessel-scene>svg,
.notebook-mini-lab .gas-vessel-scene>svg{width:340px;height:190px;max-height:none;min-height:0;padding:0;background:none}
.gas-mini-lab .gas-motion-toggle{margin:10px 0;font-size:13px}
.gas-drift{animation:gas-drift 4s linear infinite alternate}
.gas-drift-y{animation:gas-drift-y 4s linear infinite alternate}
@keyframes gas-drift{from{transform:translateX(18px)}to{transform:translateX(322px)}}
@keyframes gas-drift-y{from{transform:translateY(16px)}to{transform:translateY(174px)}}
#motion-lab.thermal-expanded .gas-comparison figure>.gas-vessel-scene{height:clamp(280px,48dvh,600px);max-height:none}
@media(max-width:850px){.gas-comparison{grid-template-columns:1fr}.gas-comparison figure{max-width:620px;width:100%;box-sizing:border-box;justify-self:center}.gas-observation-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gas-drift,.gas-drift-y{animation-play-state:paused!important}}