Chart Prompts

Restyle my chart in the "Tax Gap" 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 fiscal policy institute's explainer on a deep slate page. Quietly authoritative, with a small diagram on the left that teaches how the total is built before the chart shows it.

Colors (use these exact values):
- Background: #111827 (deep slate). Primary text: #F1F5F9. Secondary text and braces: #94A3B8. Gridlines and dividers: #1F2937.
- Starting total: #CBD5E1 (pale slate). Losses or negative steps: #F87171 (coral). Final total: #A7F3D0 (pale mint), also used for the eyebrow.
- Connectors: #6B7280, dotted.

Typography (Google Fonts):
- Libre Baskerville 700 for the title (31px, #F1F5F9, stating the finding) and bar value labels (16px for totals, 15px for steps, in the bar's color). Libre Baskerville 400 13px for the diagram's amounts.
- Albert Sans for everything else: eyebrow 11.5px 600 uppercase with 2px spacing in mint; subtitle 14.5px #94A3B8 with measure, unit and the key figure; category labels 13px 600 on two lines; small captions 11px 700 uppercase with 1.8px spacing; gridline labels 11px; source 12px.

Layout:
- 56px side margins. Eyebrow y 50, title y 92, subtitle y 120, a 1px #1F2937 rule at y 144.
- Left explainer column (x 40 to 276) captioned "HOW THE GAP IS BUILT": a single 34px-wide stacked bar (mint collected on the bottom, the coral components on top separated by 1.5px background-colored gaps), a 1.2px curly brace to its right for each part with a colored label and its amount, and a square bracket on its left with rotated text "THEORETICAL LIABILITY 612.0m" in pale slate.
- A 1px #1F2937 vertical divider at x 276, then the chart from x 316 to 904, y 196 to 474.

Axes and grid:
- Horizontal 1px #1F2937 gridlines every 100 units with their labels right-aligned at the plot's right edge, 5px above each line. No y axis line. A 1px #94A3B8 baseline.

Marks:
- Bar chart: a waterfall of square-cornered bars 66px wide. The starting total in #CBD5E1 from zero, each loss as a floating coral bar hanging from the previous level, the final total in #A7F3D0 from zero. Totals are labeled above; losses are labeled below their bars with a true minus sign ("−38.4"). Connect each bar's end level to the next bar with a 1px #6B7280 dotted line (1.5 on 3 off). Over the loss bars, a horizontal coral curly brace with "Gross gap 133.5m | 21.8%" in 13px 700 coral.
- Line chart: a stepped 2.5px #CBD5E1 line descending through each stage, coral shaded drops (#F87171 at 35%) under each loss step, a mint end point (r 6) with its label, and the same left brace diagram and dotted guide lines.

Avoid: gradients, glows, rounded corners, green for positives beyond the final total, and a legend (the diagram and colors explain the parts).

When you're done, render the chart and check that the waterfall steps add up exactly, the brace diagram's segments are proportional to the values, labels on small loss bars do not collide with connectors, and the gap percentage in the title and brace is right.