.solubility-jumps{display:flex;flex-wrap:wrap;gap:var(--tl-space-3);margin-top:var(--tl-space-4)}
.solubility-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tl-control-min);text-decoration:none}
#solubility-lab .solubility-lab-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--tl-space-6);align-items:start}
#solubility-lab figure{margin:0;min-width:0}
#solubility-lab svg{display:block;width:100%;height:auto;overflow:hidden;color:var(--atelier-accent)}
#solubility-lab svg text{font:24px var(--tl-font-ui);fill:var(--tl-ink)}
#solubility-lab .solubility-grid{fill:none;stroke:var(--tl-hair);stroke-width:1}
#solubility-lab .solubility-axis{fill:none;stroke:var(--tl-ink-soft);stroke-width:2}
#solubility-lab .solubility-initial{fill:none;stroke:var(--tl-ink-soft);stroke-width:2;stroke-dasharray:6 5}
#solubility-lab .solubility-initial-label{font-size:21px;fill:var(--tl-ink-soft)}
#solubility-lab .solubility-curve{fill:none;stroke:var(--atelier-accent);stroke-width:4;stroke-linejoin:round}
#solubility-lab .solubility-points{fill:var(--atelier-accent)}
#solubility-lab .solubility-current{fill:var(--tl-paper);stroke:var(--atelier-accent);stroke-width:4}
#solubility-lab .solubility-guide{fill:none;stroke:var(--atelier-accent);stroke-width:2;stroke-dasharray:5 5}
#solubility-lab .solubility-difference{fill:var(--atelier-accent);opacity:.16}
#solubility-lab figcaption,#solubility-lab .solubility-note{font:16px/1.65 var(--tl-font-ui);color:var(--tl-ink-soft)}
#solubility-lab .solubility-control{display:block;margin-top:var(--tl-space-4);font:600 17px/1.6 var(--tl-font-ui)}
#solubility-temperature{display:block;width:100%;min-height:var(--tl-control-min);accent-color:var(--atelier-accent);cursor:pointer}
#solubility-lab .solubility-result{display:block;font:600 20px/1.6 var(--tl-font-ui);padding-block:var(--tl-space-3);border-block:1px solid var(--tl-hair)}
#solubility-lab .solubility-mass-bar{display:flex;height:var(--tl-space-6);width:100%;border:1px solid var(--tl-ink-soft);overflow:hidden;margin-block:var(--tl-space-4)}
#solubility-lab [data-solubility-water-bar]{background:var(--tl-ink-soft);opacity:.25}
#solubility-lab [data-solubility-dissolved-bar]{background:var(--atelier-accent);opacity:.35}
#solubility-lab [data-solubility-crystal-bar]{background:var(--atelier-accent)}
#solubility-lab .solubility-balance{margin:0;font:17px/1.6 var(--tl-font-ui)}
#solubility-lab .solubility-balance>div{display:flex;justify-content:space-between;gap:var(--tl-space-3);padding-block:var(--tl-space-3);border-bottom:1px solid var(--tl-hair)}
#solubility-lab .solubility-balance dd{margin:0;white-space:nowrap;font-weight:600}
#solubility-lab .solubility-conservation{font:600 17px/1.7 var(--tl-font-ui)}
#solubility-transfer [data-solubility-reset]{margin-top:var(--tl-space-4);min-height:var(--tl-control-min)}
#solubility-temperature:focus-visible,#solubility-transfer .bio-choice:focus-visible{outline:2px solid var(--tl-focus);outline-offset:3px}
@media(max-width:820px){#solubility-lab .solubility-lab-layout{grid-template-columns:1fr}}

.solubility-formula-condition{border-left:2px solid var(--atelier-accent);padding-left:var(--tl-space-3);font-size:16px!important}
.solubility-teacher-note{border-top:1px solid var(--tl-hair);margin-top:var(--tl-space-4)}
.solubility-teacher-note summary{min-height:var(--tl-control-min);cursor:pointer;padding-block:var(--tl-space-3);font:600 17px/1.6 var(--tl-font-ui)}
.solubility-teacher-note summary:focus-visible{outline:2px solid var(--tl-focus);outline-offset:3px}
#solubility-worked .science-math,#solubility-worked .science-math math,#solubility-worked .science-math .katex{color:var(--tl-ink)}