/* One bloom-and-bust curve chart (static/js/water_curves.js), shared by the lake page's column
   and the species page's "Water en vis" section (models/lake_water_fit.py). Global tokens from
   static/css/style.css, so the chart looks the same on both pages. Static SVG: no animation, no
   filter (CLAUDE.md, "GPU cost of CSS"). */
.lwf-slot-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-height:1.1em;font-size:.78rem;color:var(--text-muted)}
.lwf-slot-h b{color:var(--text-bright);font-weight:600}
.lwf-plot{flex:1 1 0;min-height:0;position:relative}
.lwf-plot svg{position:absolute;inset:0;display:block}
/* a passing curve's line and band are painted by its gradient (inline style, water_curves.js); these set the band's strength */
.lwf-band.grade{fill-opacity:.16} .lwf-band.grade.weak{fill-opacity:.07} .lwf-band.off{fill:rgba(110,118,129,.16)}
.lwf-curve{fill:none;stroke-width:2} .lwf-curve.weak{stroke-dasharray:5 3;stroke-opacity:.8}
.lwf-curve.off{stroke:var(--text-faint)}
.lwf-mid{stroke:var(--border-light);stroke-dasharray:3 3} .lwf-axis{stroke:var(--border-light)}
.lwf-tick{font-size:9px;fill:var(--text-muted);font-family:var(--font-mono)}
.lwf-unit{font-size:8.5px;fill:var(--text-muted)}
.lwf-mark{stroke:var(--accent);stroke-width:1.6}
.lwf-dot{fill:var(--accent);stroke:var(--bg-card);stroke-width:1.5}
.lwf-lbl{font-size:10px;font-weight:600;fill:var(--accent)}
.lwf-kind{color:var(--text-muted);cursor:help} .lwf-kind.off{color:var(--text-faint);cursor:default}