Chart Prompts

Restyle my chart in the "Statistical Bulletin" 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 first chart in an official statistics release from a national statistics office. Plain, trustworthy and precise: white page, one navy header strip, clear units, provisional figures flagged honestly and a full source note.

Colors (use these exact values):
- Page: #FFFFFF.
- Header strip and first series: #12366B (bulletin navy). Second series and the small accent tab in the header: #0A8A7F (teal).
- Title and axis ink: #1B1F24. Secondary text, tick labels and the source note: #5A636E.
- Gridlines: #E3E6EA. Provisional zone: #F4F5F7 fill with #C9CED6 diagonal hatching.
- Header strip secondary text: #C8D3E4 on navy, with a 1px #3E5C8A vertical divider.

Typography (Google Fonts):
- Public Sans throughout (400, 600, 700 and 400 italic).
- Header strip: "STATISTICAL BULLETIN" 13px 700 uppercase, 2.2px letter-spacing, white; the release topic 13px 400 #C8D3E4; "Released 16 September 2026" 13px 600 white, right-aligned.
- Title: 27px 700, -0.3px letter-spacing, #1B1F24, sentence case, stating the finding.
- Subtitle: 15px 400 #5A636E stating measure, population, adjustment, unit and period.
- Tick labels 13px #5A636E; year labels 13px 700 #1B1F24; y-axis unit label ("Rate (%)") 12px 600 #1B1F24 above the axis; "Provisional" 12px italic #5A636E; source note 11.5px.

Layout:
- Full-width navy strip 46px tall at the very top, with a 4 x 18 px teal tab at x 56 before the bulletin name.
- 56px side margins. Title baseline at about y 94, subtitle at y 122.
- Plot from x 88 to 816, y 184 to 480, leaving the right margin for direct series labels.
- A 1px #E3E6EA rule at y 534, then a two-line source note in #5A636E on the left and "Next release: <date>" in 11.5px 700 navy on the right.

Axes and grid:
- Horizontal gridlines only, 1px #E3E6EA, at every half unit; no vertical gridlines and no y-axis line.
- Y tick labels right-aligned 10px left of the plot with one decimal place. The unit label sits above the top tick.
- A 1.2px #1B1F24 baseline with a tick for every period: 6px for quarter months (Jan, Apr, Jul, Oct, labeled) and 3px for the others. The year appears in bold under January and under the first period.

Marks:
- Line chart: 2.6px straight-segment lines with round joins, navy for the first series and teal for the second. The last three periods are provisional: draw them dashed (5 on, 4 off) and lay a hatched zone behind them (45 degree lines, 1.4px #C9CED6 every 7px on #F4F5F7) that starts halfway between the last firm and first provisional period and rises 20px above the plot, labeled "Provisional" in small italic at its top left. End each line with an open circle (r 4, white fill, 2.2px stroke in the series color).
- Bar chart: square-cornered navy bars (and teal for a second series) about 60% of the band, horizontal gridlines only, with the provisional periods' bars filled with the same navy hatch pattern at 45 degrees on white and a 1.5px navy outline, under the same "Provisional" label.

Labels and annotation:
- Direct labels at the right end instead of a legend: series name 14px 700 in its color with the latest value on the line below in 14px 400.
- One factual annotation, 12px 600 #1B1F24, with a 1px vertical leader line pointing to the relevant period.

Avoid: color fills under lines, shadows, rounded corners, bold gridlines, a boxed legend, decorative icons, and any unflagged provisional data.

When you're done, render the chart and check that the header strip text does not collide, the provisional zone covers exactly the provisional periods, the unit is visible on the y-axis, and the source note includes a next-release date.