Chart Prompts

Restyle my chart in the "Civic Ledger" 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 public agency's transparency report on a dark page. Sober, accountable and precise: thin rules above and below like a ledger, one bold amber headline measure, honest uncertainty, and the key figures restated in a compact table.

Colors (use these exact values):
- Page: #16202E (deep slate).
- Headline measure, actual and projected: #F2A33A (amber).
- Uncertainty band: #8FC7F2 (pale sky) at 20% fill opacity with 1px edges at 70% opacity; its labels in the same color.
- Target or plan path: #B9D48A (soft sage).
- Primary text and the TODAY marker: #E8EDF3. Secondary text: #8E9BAD. Rules and baseline: #34445A. Gridlines and table dividers: #223044.

Typography (Google Fonts):
- Libre Franklin for words: title 600 28px #E8EDF3 stating the finding; subtitle 14.5px #8E9BAD; header labels 600 11px uppercase with 2.2px letter-spacing; series labels 600 12.5px in the series color; TODAY 700 10.5px with 2px letter-spacing; table headers 600 10.5px uppercase with 1.8px letter-spacing; notes and source 11.5 to 12px.
- Roboto Mono for every figure: axis labels 11.5px #8E9BAD, point and end values 600 13px, table values 500 28px.

Layout:
- 56px side margins. A 1px #34445A rule at y 40, then a header row (agency name left, report name right), title at y 102, subtitle at y 128.
- Plot from x 100 to 772, y 164 to 384; the right margin (x 788+) holds direct end labels.
- A figures table beneath the chart between two full-width 1px #34445A rules (y 432 and 538): four equal columns (actual, projected, target, gap), each with an uppercase header, a large mono value in the series color (the gap in #E8EDF3 with an explicit sign) and a one-line note. 1px #223044 vertical dividers between columns.
- Source at the bottom left and the projection assumption at the bottom right.

Axes and grid:
- Four horizontal gridlines, 1px #223044, with the bottom one in #34445A as the baseline. No vertical gridlines, no axis lines. Mono y labels right-aligned 12px left of the plot and mono year labels every two years.
- The future region (from today to the end) gets a barely-there white wash at 2.5% opacity.

Marks:
- Line chart: the actual series is a 3.5px amber line with round joins; it continues into the future as a 3px amber dotted line (round caps, dash 0.1 on, 7 off). The uncertainty band is a polygon between the upper and lower bounds that starts at zero width today and widens each year. The plan path is a 2px sage dashed line (8 on, 5 off). A 1px #E8EDF3 vertical TODAY marker at 55% opacity, labeled "TODAY" at its top right. Today's point is a solid amber dot (r 5.5, slate stroke) labeled with its value; endpoints are hollow rings (slate fill, 2px colored stroke).
- Bar chart: amber bars for actual years and amber-outlined hollow bars (2px stroke) for projected years, with pale sky range whiskers (1.5px, 10px caps) on each projected bar, sage dashed target ticks per bar, and the same TODAY marker between the last actual and first projected bar.

Labels and annotation:
- Direct labels at the right end: the series name over its mono value, in series colors; the band gets its label at its upper edge and its range figures at its lower edge.

Avoid: glows, gradients, neon, thick lines for anything but the headline measure, a legend box, and projecting without a visible band.

When you're done, render the chart and check that the gap in the table equals projected minus target, the band starts at zero width at today, the dotted projection starts exactly where the actual line ends, and no end labels collide.