Chart Prompts

Restyle my chart in the "Meter Revenue" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a page from a city parking services annual report. Civic, clean and plain-spoken: white paper, one bright municipal blue, a round "P" parking mark beside the headline, and one circled moment that tells the story.

Colors (use these exact values):
- Page: #FFFFFF. A 6px #2563EB bar across the very top edge.
- Primary series and brand: #2563EB (bright permit blue). Comparison or legacy series: #6B7280 (coin gray).
- Ink (title, baseline, annotations): #111827. Secondary text: #4B5563. Rules and gridlines: #E5E7EB.
- Key-figure callout background: #EFF4FF with a 4px #2563EB left edge.

Typography (Google Fonts):
- Barlow Semi Condensed for the title (700, 33px, ink, stating the finding), the white "P" in the mark (700, 34px), direct series names (700, 16px in the series color), the annotation heading (700, 14px uppercase, 1px letter-spacing) and the key figure (700, 26px blue).
- Barlow for everything else: running head 12px 600 uppercase with 1.6px letter-spacing in #4B5563; subtitle 16px 400 #4B5563 with measure, unit and period; axis labels 12.5px 500; year labels 13px 600 ink; annotation body 14px 400; source and folio 12px.

Layout:
- 56px side margins. Running head at y 38 (division on the left, report name on the right), then a full-width 1px #E5E7EB rule at y 52.
- The P mark: a 24px-radius #2563EB circle at (80, 98) with a white centered "P". Title starts at x 118, baseline 108; subtitle below at 136, also at x 118.
- Plot from x 80 to 790 and y 200 to 470, leaving about 110px at the right for direct labels.
- Footer: 1px rule at y 530, "Source: ..." on the left and "Page 7" folio on the right at y 556.

Axes and grid:
- 1px #E5E7EB horizontal gridlines at round values; y labels like "$0.8M" right-aligned 10px left of the plot.
- 1.4px ink baseline. Year boundaries marked with 8px ink ticks below the baseline; the year label centered in each year's span.
- No vertical gridlines and no y-axis line.

Marks:
- Line chart: straight-segment lines with round joins, the primary series 3px #2563EB, the comparison 2.5px #6B7280. No markers except a 4px-radius end dot, then a direct label: series name in 16px 700 and "$1.29M in Dec" in 13px 500 beneath, both in the series color. No legend box.
- Bar chart: grouped square-cornered columns, blue for the primary series and gray for the comparison, 2px gap within a pair; label the category where the primary first exceeds the comparison with the same circle-and-leader annotation over that pair.
- Crossover annotation: a 17px-radius 1.6px ink circle around the first period where the primary series overtakes the other for good, a 1.2px ink leader that angles up and ends in a short horizontal, then the month in 14px 700 uppercase with one line of 14px explanation.
- Key figure: a 292 x 40 px #EFF4FF strip in a clear part of the plot, the figure in 26px blue, its explanation in 14px 500 ink to the right. Compute it from the data.

Avoid: gradients, shadows, smoothing, point markers on every month, a legend box, extra colors, and a crowded annotation that sits on a line.

When you're done, render the chart and check that the circled month really is where the primary series overtakes the comparison and stays ahead, the key figure is arithmetically right, the annotation text touches no line, and the P mark is vertically centered on the title.