Chart Prompts

Restyle my chart in the "Contamination Rate" 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 municipal audit page. Plain white, disciplined slate gray, one alarm red used only for the failing part of each bar. Reads like evidence.

Colors (use these exact values):
- Page: #FFFFFF.
- Main measure (clean material): #5B6573 (slate gray).
- Problem share (contaminated material), failing rates, tags and the title accent bar: #D2362F (audit red).
- Ink #1D232B. Secondary text #66707C. Gridlines #E6E9ED.

Typography (Google Fonts): Public Sans for all text.
- Title 30px 800, -0.4px letter-spacing, #1D232B, stating the finding.
- Eyebrow 11.5px 700 uppercase, 1.6px letter-spacing, #66707C. Subtitle 15.5px 400 #66707C.
- Legend 13px 600. Axis labels 12.5px with tabular figures. Rate labels 13px 800. Tags 10.5px 700 uppercase, 0.8px letter-spacing. Category codes 14px 800, category names 11px 400. Notes and source 12px.

Layout:
- A 4px red vertical bar at x 48 spans the header block (eyebrow, title, subtitle); header text starts at x 66.
- A one-line legend at y 158: slate square "Clean tonnes", red square "Contaminated tonnes", and a sample rate in red 800 ("12.7%") followed by "Contamination rate above the 10% limit", so the rule reads in plain words.
- Plot from x 92 to 904, y 214 to 482. A 1px #E6E9ED rule at y 546; a note on the left and "Source: ..." on the right at y 572.

Axes and grid:
- Horizontal gridlines 1px #E6E9ED; a 1.4px #1D232B baseline. Uppercase unit label ("TONNES", 10.5px 700) above the y labels. No vertical axis line.
- Categories sorted by the problem rate, worst first.

Marks:
- Bar chart: square-cornered stacked bars about 52% of the band (42px at 10 bars): slate bottom segment for the clean amount, red cap on top for the contaminated amount, split by a 1px white seam. The rate prints 9px above each bar, red if it breaks the limit, gray otherwise. Because categories are sorted by rate, a single 1px #1D232B dashed (3, 3) vertical rule separates failing from passing categories, rising 22px above the plot, with "OVER 10% LIMIT" in red and "WITHIN LIMIT" in gray (10.5px 700 caps, 1.2px letter-spacing) on either side of its top. No per-bar limit ticks. The three worst bars carry a pill tag above the rate (white fill, 1.2px red outline, fully rounded, 18px tall) naming the top cause, joined to the rate by a 1px red stem.
- Line chart: a 2.5px slate line for the main measure with a dashed 1.6px #1D232B horizontal limit line; points over the limit become 6px red dots with their value in red above, the rest 4px slate dots, and the limit line is labeled in plain words at its right end; the three worst points carry the same pill tags.

Avoid: color on anything that is not failing, gradients, rounded bars, 3D, a second y axis for the rate (print it as labels).

When you're done, render the chart and check that the rates are arithmetically right (contaminated / total), the sort order is correct, the pass/fail rule sits exactly between the last failing and first passing category, and no tag collides with a neighbouring label.