Chart Prompts

Restyle my chart in the "Grant Waterfall" 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: the budget bridge in a foundation's board pack, on a dark page. Calm, considered and easy to audit: soft mint gains, muted salmon losses, pale ivory totals, and every step signed.

Colors (use these exact values):
- Page: #0E2A2A (midnight green).
- Increases: #7FD8B4 (soft mint). Decreases: #E58B7B (muted salmon). Totals: #F3EBD8 (pale ivory).
- Secondary text, connectors and the baseline: #9DB5AE. Gridlines and the footer rule: #1D3F3E.

Typography (Google Fonts):
- Merriweather 700 for the title (25px, #F3EBD8, stating the finding with the computed percentage).
- Manrope for everything else: eyebrow 11.5px 700 uppercase with 2.4px letter-spacing in mint; subtitle 15px #9DB5AE; legend 13px 600; step values 14px 700 in the step color with an explicit + or minus sign (use a true minus, U+2212); total values 14px 800 in #0E2A2A inside their boxes; category labels 12.5px on two lines (500 #9DB5AE for steps, 700 ivory for totals); axis labels 12px; source 12px.

Layout:
- 56px side margins. Eyebrow at y 60, title at y 100, subtitle at y 128, a small square-swatch legend (12px swatches, 2px radius) at y 150.
- Plot from x 90 to 904, baseline at y 486, with enough headroom above the tallest step for its value and glyph (about 50px).
- Footer: a 1px #1D3F3E rule at y 548, source at the left, net change in 700 ivory at the right.

Axes and grid:
- Horizontal gridlines only, 1px #1D3F3E, at round values; a 1px #9DB5AE baseline. Y labels right-aligned 12px left of the plot. Keep the axis zero-based so totals are honest.

Marks:
- Bar chart: a vertical waterfall. 58px bars (about 64% of the band) with 1.5px corner radius. Totals at both ends rise from zero in ivory; each change floats from the previous running level. Thin dotted connectors (1px #9DB5AE, 1.5 on, 3 off) run from each bar's right edge at the running level to the next bar.
- Step labels: the signed value centered 10px above each floating bar's top, and above that (center 40px above the bar top) a plus or minus glyph drawn as a 9px-radius outlined circle (1.4px stroke) with a 9px bar (and a vertical bar for plus), 1.8px round-capped strokes, all in the step color.
- Totals: the value in a boxed ivory label (ivory fill, 3px radius, 26px tall, padded 8px each side) sitting just above the bar.
- Line chart: a 3px ivory running-total line with straight segments; each segment colored mint when it rises and salmon when it falls, the same plus or minus glyph and signed value above every change point, and boxed ivory labels on the first and last points.

Avoid: gradients, shadows, 3D, a non-zero baseline, unsigned change values, red and green at full saturation, and a legend that repeats what the glyphs already say beyond the three swatches.

When you're done, render the chart and check that the running total closes exactly on the ending total, the headline percentage is computed from the two totals, glyphs never collide with the legend or each other, and the thinnest steps are still visible.