Chart Prompts

Restyle my chart in the "Story Beats" 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 dark long-read graphic that tells a year as a sequence of events. One bright line, five shaded moments, each with its own punchy headline, and a big number at the end that lands the story.

Colors (use these exact values):
- Background: #14181F (dark slate) for the whole canvas.
- Data line: #EDEDED (warm white), with a gradient area beneath it from #EDEDED at 16% opacity at the top to 0% at the baseline.
- Event bands: #1F6F78 (teal) at 42% opacity, with a solid 1.5px #1F6F78 left edge and solid #1F6F78 date flags.
- Headlines and the big number: #F4B942 (amber).
- Body text #AEB5BF; axis labels and source #5C6470; gridlines #252B35.

Typography (Google Fonts):
- Oswald for event headlines (600, 16px, uppercase, 0.8px letter-spacing, amber), the flag dates (500, 11px, warm white) and the big number (500, 42px, amber).
- Source Sans 3 for the title (700, 23px, warm white), subtitle (400, 15px, #AEB5BF), event explanations (400, 13px, #AEB5BF, 16px line height, two lines), axis labels (12px) and month labels (600, 11.5px, uppercase, 1.2px letter-spacing, #5C6470).

Layout:
- 56px side margins; title at y 52 (a full sentence), subtitle at y 78.
- The line runs full width from x 60 to 776 with its baseline at y 500; the plot's data area starts around y 262 so the top 150px of every band is free for text.
- Right of the line's end, a column for the big number: the last value (700, 15px, warm white) and a caption line above it, the total change ("+19%") in Oswald beside a 12px leader from the final point, and a two-line explanation below it.
- Month labels at y 556, source line at y 584.

Axes and grid:
- Horizontal gridlines at round values, 1px #252B35, labeled at the left in 12px #5C6470, right-aligned. The zero line is #5C6470. No vertical grid, no axis line.

Event bands (the signature):
- Each event is a vertical band spanning its dates, full height from its text tier to the baseline. Bands alternate between two text tiers (tops at y 112 and y 178) so no text block crosses a later band's edge.
- At the top of each band, left-aligned 8px inside the edge: the amber all-caps headline, then a one-sentence explanation in two short lines.
- Under the axis, a dated flag hangs from each band's left edge: a 46 x 16 px teal pennant with a notched right end holding the start date ("13 JAN").

Marks:
- Line chart: a 2.6px warm white line with straight segments and round joins over the gradient area. The final point is a 5px-radius ring (slate fill, 2.4px warm white stroke).
- Bar chart: slim warm white bars (about 60% of the band, 2px top radius) with the event bands behind them; bars inside a band stay warm white.

Avoid: more than five events, legends, bright teal fills that hide the line, text over the line, glow effects, and color on the data itself.

When you're done, render the chart and check that the big number is arithmetically right, no headline or explanation overlaps another text block or a band edge, the flags do not collide, and the line stays readable through every band.