Chart Prompts

Restyle my chart in the "Permit Limit" 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 regulatory compliance report page. Clean, sober and exact: noisy daily readings in gray, the controlling average in bold teal, the legal limit in red, and every breach footnoted.

Colors (use these exact values):
- Page: #FFFFFF with a 6px #117A7A band across the very top edge.
- Average / primary series: #117A7A (teal).
- Limit and exceedances: #C7322F (red).
- Raw daily readings: points #9AA3A9, joining line #C9CFD3.
- Ink #1B2328, secondary text #5F6B73, gridlines and table rules #E3E7EA.

Typography (Google Fonts):
- Hanken Grotesk everywhere, tabular figures (font-variant-numeric: tabular-nums) in axes and table. Eyebrow 11.5px 700 uppercase, 1.8px letter-spacing, teal. Title 26px 700 #1B2328 stating the compliance finding, short enough to end inside the 904px right margin. Subtitle 15px 400 #5F6B73. Axis labels 12.5px; month labels 13px 600. Line end labels 12.5px 700 on two lines. Table header 12px 700, table cells 12.5px. Section heads 11px 700 uppercase, 1.4px letter-spacing. Footer 11.5px.

Layout:
- 56px margins. Eyebrow y 44, title 80, subtitle 106. Plot x 72 to 820, y 136 to 356, leaving a right gutter for end labels.
- Below the plot, a compact summary table (x 56 to about 640): a 1.2px ink rule above, a header row with the period names right-aligned in 72px columns, then rows separated by 1px #E3E7EA rules, 23px row pitch.
- To the right of the table (from x 676), an "Exceedance notes" block with a red 1.2px rule above: numbered red circles (r 7.5, white 11px bold numeral), a bold date and value line, and a 11px #5F6B73 cause line.
- Footer at y 572: source left, page number right.

Axes and grid:
- Horizontal gridlines only, 1px #E3E7EA, at round values. Y labels right-aligned 10px left of the plot. A 1.2px ink baseline with 6px ticks at each period start and period names centered in each period.

Marks:
- Line chart: raw readings as 1.9px radius #9AA3A9 dots joined by a 0.9px #C9CFD3 line. The period average as a bold 3.5px #117A7A stepped line (flat within each period, vertical risers at the boundaries). The permit limit as a 1.6px #C7322F dashed (7 4) horizontal line labeled at its right end in red ("Daily max." bold, "limit 45 mg/L" below). Each reading over the limit becomes a 5px #C7322F dot with a 1.5px white ring and a small bold red footnote number up and to its right. Label the average and raw readings at the right end in their colors.
- Bar chart: one bar per period, #117A7A, 55% of the band, square corners, starting at zero; raw daily readings as gray dots over the bars; the limit as the same dashed red line; any bar or point over the limit gets the red dot and footnote number.

Avoid: color fills behind the plot, legends, rounded or 3D bars, more than one red element type besides the limit and the breaches, and decorative icons.

When you're done, render the chart and check that the table values match the plotted data, every exceedance has exactly one numbered dot and one note, the limit label does not collide with the average label, and the title's counts are true.