Chart Prompts

Restyle my chart in the "Wind Farm" 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: an asset operator's annual performance sheet for a wind site. Cool, modern and matter-of-fact: deep slate, pale steel structure, sky-blue actuals measured against warm sand expectation bands.

Colors (use these exact values):
- Background: #16233A (deep slate).
- Actual values: #6CC4F0 (sky blue); positive deltas in the same color.
- Expectation band: #E3C08A (sand) at 50% opacity; negative deltas in solid #E3C08A.
- Target ticks: #FFFFFF.
- Gridlines: #8FA3BF at 18% opacity (the zero line at 60%, header rule at 30%). The wind arrow uses a #8FA3BF gradient from 0% to 35% opacity.
- Title and IDs: #EAF0F7. Secondary text: #93A4BD.

Typography (Google Fonts): Manrope everywhere, with tabular figures (font-variant-numeric: tabular-nums) on every number.
- Eyebrow 12px 700 uppercase, 1.8px letter-spacing, sky blue. Title 28px 700, -0.4px letter-spacing, stating the finding. Subtitle 15px #93A4BD.
- Row IDs 14px 700 #EAF0F7 with a 12px #93A4BD bearing note beside them ("NE 048°"). Value column 14px 600; delta column 13px 600. Legend, axis labels and notes 12px #93A4BD; column headers 11px 600, 0.6px letter-spacing.

Layout:
- Eyebrow at y 50, title at y 86, subtitle at y 112, legend at y 142, all at x 40.
- A faint prevailing-wind arrow (about 124px long, 26px arrowhead) in the top right, rotated to the wind direction, with "Prevailing wind 225° SW" right-aligned under it at y 136.
- IDs at x 40, bearing notes at x 80, plot from x 170 to 780, a signed delta column right-aligned at x 866 and the value column right-aligned at x 920, each with a small header. Rows 29px apart starting at y 172, sorted from best to worst. Source bottom left, a definition note bottom right.

Axes and grid:
- Vertical gridlines only at round values with labels ("40%") 20px below the last row; a thin rule across the top of the rows. No axis lines.

Marks:
- Bar chart (bullet): for each row a 20px sand band from the low to the high expectation, an 8px sky-blue bar from zero with a 2px rounded right end, and a 1.5px white target tick 18px tall. Bars start at zero.
- Line chart: sky-blue 2.5px lines with 3px dots, the expectation range as a sand band (50% opacity) behind them, the target as a 1.5px white dashed (4 4) line, and direct labels at the line ends in 13px 600.

Avoid: glow, gradients on data marks, saturated warm colors, thick borders, rounded cards, and a separate legend for colors already labeled in the value columns.

When you're done, render the chart and check that rows are sorted by value, the count in the title matches rows above their expectation, every delta equals value minus expectation, and the sand band stays visible where the bar crosses it.