Chart Prompts

Restyle my chart in the "Wind Shifts" 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 tactician's instrument screen on a dark navy display. A thin white trace, deviation from the median shaded teal on one side and coral on the other, race events as crisp vertical rules, all set in a tight condensed face.

Colors (use these exact values):
- Background: #0B1B2C (deep navy). Instrument panel strip: #0F2438.
- Data trace, event rules and headline text: #F4F7FA (near white).
- Positive deviation fill (right shifts, above the median): #2EC4B6 (teal) at 55% opacity; its caption in solid #2EC4B6. The eyebrow also uses #2EC4B6.
- Negative deviation fill (left shifts, below the median): #FF6B6B (coral) at 55% opacity; its caption in solid #FF6B6B.
- Secondary text: #7F93A8. Gridlines: #1C3450.

Typography (Google Fonts):
- Saira Condensed throughout, with tabular figures: eyebrow 600 13px uppercase with 2.6px letter-spacing in teal; title 700 33px near white, sentence case, stating the finding with numbers computed from the data; subtitle 400 16px #7F93A8; event labels 700 12.5px uppercase with 1.6px letter-spacing; axis labels 500 14px; side captions 700 13px uppercase with 1.6px letter-spacing; small row labels 600 11px uppercase.

Layout:
- Eyebrow y 50, title y 88, subtitle y 114, 56px margins.
- Instrument strip: a #0F2438 rounded rectangle (4px radius, 58px tall) spanning the plot width plus 20px each side, starting at about y 134, holding a row of small glyphs every fixed interval (here wind barbs every 5 minutes) with their values (12px #7F93A8) under each.
- Plot from x 112 to 900, about y 222 to 500; minute ticks every 10 below it.

Axes and grid:
- The median (or reference) as a 1px #7F93A8 dashed line (4 on, 4 off), labeled with its value in 700 white; gridlines every 5 units above and below in 1px #1C3450 labeled as offsets ("+5°", "+10°", "−5°").
- Vertical event rules at the start, each mark rounding and the finish: 1px near white at 75% opacity, running from just above the plot to the axis, with uppercase labels above (first left-aligned, last right-aligned, others centered).

Marks:
- Line chart: a 1.6px near-white trace with straight segments at every sample. Fill the area between the trace and the median: clip one copy above the median in teal, one below in coral. Draw the fills first, then the event rules, then the trace.
- Bar chart: thin bars (about 60% of the band) growing up or down from the median/zero line in teal (positive) and coral (negative), with a 1.6px near-white cap line at each bar end.
- Wind barbs: 24px shafts at 1.6px near white pointing toward where the wind comes from, a 2.2px dot at the station, full feathers 10px (10 knots) and half feathers 5.5px (5 knots) on the clockwise side at the far end, centered on their tick.

Avoid: glows, gradients, a light background, rounded thick lines, more than two fill colors and dual axes.

When you're done, render the chart and check that fills switch color exactly where the trace crosses the median, the title's extreme and median match the data, event labels do not collide with the instrument strip, and barbs stay inside their panel.