.chart-forecast-line { stroke:#a858a7; stroke-width:1.5; stroke-dasharray:5 4; vector-effect:non-scaling-stroke; }
.chart-forecast-connection { stroke-dasharray:none; }
.chart-forecast-dot { fill:#fff; stroke:#a858a7; stroke-width:2; vector-effect:non-scaling-stroke; }
.chart-forecast:focus .chart-forecast-dot { stroke-width:3; }
.chart-forecast-note {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:3px 10px;
  box-sizing:border-box;
  margin:0 0 6px;
  padding:2px 42px 2px 0;
  border:0;
  background:transparent;
  color:#714c73;
  font-size:12px;
  line-height:1.5;
}
.chart-forecast-heading { color:#7c6d86; font-size:11px; white-space:nowrap; }
.chart-forecast-value { color:#8b489a; font-size:14px; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; }
.chart-forecast-meta { display:none; }
#chart-zoom .chart-forecast-note { padding-right:10px; }
.hourly-legend { display:flex; flex-wrap:wrap; gap:3px 8px; padding-right:42px; font-size:11px; line-height:1.5; }
.hourly-forecast-key { color:#894083; }
.hourly-forecast-current { color:#894083; font-weight:650; }
.hourly-forecast-bar { fill:none; stroke:#a858a7; stroke-width:1.5; stroke-dasharray:3 2; vector-effect:non-scaling-stroke; }
#chart-zoom .hourly-legend { padding-right:0; }