/**
 * Chart primitives. Pairs with /chart-lib.js: anything that file draws is
 * styled here, and every page that loads the script loads this too.
 *
 * These lived inline in the Sessions page until 13 September. When the charts
 * moved to Stats the JS was shared and the CSS was not, so on /stats/ every
 * class below resolved to nothing: SVG text fell back to black fill, `.ar`
 * painted a solid black area, and the transparent `.hit` overlays rendered as
 * opaque black rectangles covering the bars. A separate file rather than a
 * block in _shared.css because the Sessions page does not load _shared.css.
 */
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;margin-top:18px}
.chart{width:100%;height:auto;overflow:visible;display:block}
.gl{stroke:var(--line);stroke-width:1}
.axt{font:500 10.5px var(--mono);fill:var(--ink3)}
.lbl{font:600 11px var(--mono);fill:var(--ink)}
.ln{fill:none;stroke:var(--hot);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ar{fill:var(--hot);opacity:.1}
.dt{fill:var(--hot);stroke:var(--panel);stroke-width:2}
.hit{fill:transparent;cursor:pointer}