:root{--science:#167b76}.primary{background:#167b76!important}.science-graphic{width:100%;background:#fff;border-radius:12px;overflow:hidden}.science-graphic svg{display:block;width:100%;height:auto}.science-controls{margin-top:18px;padding:18px;background:#f3f8f2;border:1px solid #d4e5d8;border-radius:12px;color:#163f3d}.science-controls[hidden]{display:none}.explorer-inputs{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px}.explorer-inputs label{display:grid;gap:8px;flex:1;min-width:150px;font-size:14px}.science-controls input[type=range]{width:100%;accent-color:#167b76}.explorer-result{font-weight:700;font-size:15px;line-height:1.7}.angle-label{display:grid;gap:12px;font-size:14px}.particle-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.particle-buttons button[aria-pressed=true]{background:#d7eee2;border-color:#167b76}.particle-box{height:190px;max-width:420px;border:2px solid #bed3c5;border-radius:12px;position:relative;overflow:hidden;background:white}.particle{position:absolute;width:13px;height:13px;border-radius:50%;background:#167b76;transform:translate(-50%,-50%)}.solid .particle{animation:vibrate .35s linear infinite alternate}.liquid .particle{animation:slide 1.8s ease-in-out infinite alternate}.gas .particle{animation:drift 1.1s linear infinite alternate}@keyframes vibrate{from{transform:translate(-2px,-1px)}to{transform:translate(2px,1px)}}@keyframes slide{from{transform:translate(-7px,2px)}to{transform:translate(8px,-3px)}}@keyframes drift{from{transform:translate(-10px,-8px)}to{transform:translate(11px,9px)}}@media(prefers-reduced-motion:reduce){.particle{animation:none!important}}.view-tabs{flex-wrap:wrap}.written-heading{background:#edf6f0}.written-prompt h3,.question-panel h3{overflow-wrap:anywhere}@media print{.science-controls{display:none!important}}

:root{--ink:#163f3d;--teal:#167b76;--pale:#edf6f0}.chapter-visual{background:#163f3d}.worked{border-left-color:#167b76}.visual-note{color:#e1f0e7}.science-controls .fine{color:#547078}@media(max-width:400px){.quiz-tools label{flex-wrap:wrap}.quiz-tools select{max-width:100%}.written-prompt{flex-wrap:wrap}.written-part,.written-heading{padding:18px}}
