/* $ / lead dot plot (epl.js): rows of sites on the chart pane's black, the
   axis and gridlines as in the other panes (.ax, .gl in style.css). */
.chart:has(svg.epl) { cursor: pointer; }
svg.epl .eg { font: 600 11.5px var(--sans); }
svg.epl .en { font-family: var(--sans); font-weight: 500; fill: var(--val); }
svg.epl .ev { font: 500 11px var(--mono); fill: var(--val); font-variant-numeric: tabular-nums; }
svg.epl .eg .lg-w { font-weight: 400; fill: var(--faint); }
svg.epl .eb { fill: transparent; }
svg.epl .et { stroke: #1a1a1a; }
svg.epl .dd { opacity: .5; }
svg.epl .dd.prov { opacity: .7; }
svg.epl .big { stroke: #000; stroke-width: 1.5; }
svg.epl .lg-b { fill: var(--tx); }
svg.epl .lg-d { fill: var(--faint); }
svg.epl .lg-p { fill: var(--dim); }
/* a hovered day: the other days' dots step back */
svg.epl.hd .dd { opacity: .14; }
/* site focus and hover, as in the ranked readout */
svg.epl .er.on .en, svg.epl .er.on .ev { fill: var(--amber); }
svg.epl .er.on .big { stroke: var(--amber); }
svg.epl .er.off { opacity: .32; }
svg.epl .er.hv .eb, svg.epl .er:hover .eb { fill: rgba(255,255,255,.05); }
svg.epl .er.hv .en, svg.epl .er:hover .en { fill: #fff; }
svg.epl .eh { pointer-events: none; }