.science-figure{margin:14px 0 4px}.science-figure figcaption{margin:0 0 8px;color:var(--ink);font-size:.82rem;font-weight:850}.science-graph,.particle-model,.system-model{display:block;width:100%;height:auto;max-height:330px;overflow:visible;background:#fff;border:1px solid #cfdddb;border-radius:14px}.science-axis,.science-gridline line{stroke:#78908d;stroke-width:2}.science-gridline line{stroke:#d9e4e2;stroke-width:1}.science-gridline text,.science-axis-label,.science-axis-title,.science-bar text,.science-line text,.model-panel-title,.system-arrow text{fill:#526b69;font-size:13px;font-weight:700}.science-axis-title{font-size:12px}.science-line line{stroke:var(--blue);stroke-width:4}.science-line circle{fill:#fff;stroke:var(--blue);stroke-width:4}.science-line text{fill:#17324d}.science-bar rect{fill:#72aaa1}.science-bar text{fill:#17324d}.particle-container{fill:#f8fbfa;stroke:#9fb9b5;stroke-width:2}.particle{stroke:#fff;stroke-width:2}.particle.gas{fill:#235fa8}.particle.water{fill:#5e9ed8}.particle.solute{fill:#c58424}.model-panel-title{fill:#17324d;font-size:14px}.model-legend{display:flex;gap:16px;flex-wrap:wrap;margin:8px 2px 0;color:var(--muted);font-size:.76rem}.model-legend span{display:flex;align-items:center;gap:6px}.particle-key{display:inline-block;width:11px;height:11px;border-radius:999px}.particle-key.gas{background:#235fa8}.particle-key.water{background:#5e9ed8}.particle-key.solute{background:#c58424}.system-arrow line{stroke:#527c76;stroke-width:3}.system-arrow path{fill:#527c76}.system-arrow text{paint-order:stroke;stroke:#fff;stroke-width:5;stroke-linejoin:round}.system-node rect{fill:#fff;stroke:#80aba5;stroke-width:2}.system-node text{fill:#17324d;font-size:15px;font-weight:850}.graph-builder{margin:18px 0}.plot-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.plot-control{min-width:0;margin:0;padding:10px;border:1px solid #cbdad8;border-radius:12px}.plot-control legend{padding:0 4px;color:var(--ink);font-size:.8rem;font-weight:900}.plot-control div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.plot-value{min-height:44px;padding:6px;color:var(--ink);background:#fff;border:1px solid #bad0cc;border-radius:9px;font-size:.75rem;font-weight:800;cursor:pointer}.plot-value:hover,.plot-value.selected,.plot-value[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.graph-builder .science-graph{max-height:300px}@media(max-width:650px){.science-graph,.particle-model,.system-model{max-height:none}.plot-controls{grid-template-columns:1fr 1fr}.plot-control div{grid-template-columns:1fr 1fr}.science-gridline text,.science-axis-label,.science-bar text,.science-line text{font-size:15px}.system-arrow text{font-size:14px}}@media(max-width:380px){.plot-controls{grid-template-columns:1fr}.plot-control div{grid-template-columns:repeat(4,1fr)}}@media(forced-colors:active){.science-graph,.particle-model,.system-model,.plot-control,.plot-value{border:2px solid CanvasText}.science-line line,.science-line circle,.system-arrow line,.system-node rect{stroke:CanvasText}.science-bar rect,.particle,.plot-value.selected{fill:CanvasText;background:Canvas;color:CanvasText}}