Chart Prompts

Restyle my chart in the "Policy Path" 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 chapter page from a central bank's monetary policy report. Measured, authoritative and quietly editorial: a large chapter numeral, a stepped rate line in deep claret, and a boxed panel of numbered key messages beside the chart.

Colors (use these exact values):
- Page: #F5F3EE (soft stone). Key messages panel fill #FBFAF7 with a 1px #D8D2C6 border.
- Primary series and accent: #7A1F2B (dark claret) for the main line, the chapter numeral, eyebrow, the panel's 4px top bar and the numbered circles.
- Forward-looking market series: #8C877E (warm gray). Projection markers: #33475B (slate).
- Ink #1F1D1A for the title, baseline and body text; secondary text #6B665D; gridlines and rules #D8D2C6; projection region fill #ECE7DC.

Typography (Google Fonts):
- Newsreader for the chapter numeral (500, 96px, claret), the title (600, 30px, ink, sentence case, stating the finding), the panel heading "Key messages" (600, 22px) and the numbers inside the message circles (600, 14px).
- Source Sans 3 for everything else: eyebrow 12px 600 uppercase with 2.4px letter-spacing in claret ("CHAPTER 2 | THE POLICY OUTLOOK"); subtitle 15px #6B665D with measure and unit; axis labels 13px; direct labels 13 to 14px 600 to 700; panel body 15px ink with 20px line spacing; source 12px; folio 11px 600 uppercase with 2px letter-spacing.

Layout:
- 44px side margins. The chapter numeral sits top left, followed by a 1.5px claret vertical rule, then the eyebrow, title and subtitle stacked to its right. A full-width 1px #D8D2C6 rule under the header.
- Chart on the left two thirds (about x 96 to 612). Key messages panel on the right (about 268 x 342 px) with a 4px claret top bar, the heading, then three numbered messages (hollow 11px-radius claret circles with the number inside), separated by 0.8px rules, and a compact legend at its foot.
- Footer: 1px rule, "Source: ..." left and a folio ("MONETARY POLICY REPORT | 23") right.

Axes and grid:
- Horizontal gridlines only, 0.8px #D8D2C6, with a 1.2px ink baseline. Y labels right-aligned, 13px, with a % sign.
- Year labels centered in each year's span, with 6px ink ticks at year boundaries.
- Shade the forecast period with a #ECE7DC block labelled "PROJECTION" (11px 600, 1.8px letter-spacing, #6B665D) at its top left.

Marks:
- Line chart: the actual series as a 3px claret stepped line (step-after, square joins). Market expectations as a 2px #8C877E dashed smooth line (6 on, 4 off) starting from the last actual point, which gets a 4.5px claret dot with a 2px page-colored ring. Official projections as hollow diamonds (7px half-diagonal, page fill, 2px #33475B stroke) with their values in 13px 600 slate below. Label the peak and latest value directly in claret.
- Bar chart: slender square-cornered bars in claret for actual periods, forecast periods as page-filled bars with a 1.5px #8C877E dashed outline inside the projection block, and projected medians as slate hollow diamonds on top. Same direct labels.

Labels and annotation:
- Direct labels instead of a chart legend; the panel foot carries a mini legend (stepped claret glyph "Rate", dashed gray "Market", hollow slate diamond "Median") in 12px #6B665D.
- Key messages must restate numbers that are arithmetically true for the data.

Avoid: gradients, shadows, rounded corners, bright colors, heavy borders, more than one accent color, and em dashes.

When you're done, render the chart and check that the key messages panel text fits inside its border, the step line reads as steps, the projection block starts exactly at the last actual observation, and no label collides with a line or diamond.