Chart Prompts

Restyle my chart in the "Swiss Grid" 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: International Typographic Style. Strict grid, heavy type, pure black and white, one red accent that points at the answer.

Colors (use these exact values):
- Background: #FFFFFF. Ink: #111111. Accent: #E30613 (signal red). Secondary text: #555555. Faint text: #777777. Gridlines: #E6E6E6.
- Every mark is #111111 except the single data point that carries the story, which is #E30613. Use red nowhere else except the small square and the hero number.

Typography (Google Fonts): Archivo only.
- Title: weight 900, 56px, letter-spacing -2px, #111111, broken onto two short lines ("Monthly" / "rainfall").
- Subtitle: 500, 16px, #555555.
- Hero number: 900, 132px, letter-spacing -6px, #E30613. It is the value of the highlighted point. Under it, two lines of 18px 500 #111111 text explaining it ("mm in July, the" / "wettest month").
- Value labels: 700, 13px, #111111. Category labels: 700, 12px, uppercase, letter-spacing 1px. Axis labels: 500, 13px.

Layout (asymmetric two-column grid):
- Left column (x 48 to 296): a 22px red square at the top, the title, the subtitle, a 2px #111111 horizontal rule, then the hero number block. Everything flush left.
- Right column (x 352 to 912): the plot. Its baseline aligns with the bottom of the hero text block.
- Source line at the bottom left, 12px #777777.

Axes and grid:
- A heavy 3px #111111 baseline. No y-axis line. Three or four hairline gridlines (1px #E6E6E6) with plain numbers to their left, right-aligned. No zero label needed.
- Category labels in uppercase abbreviations (JAN, FEB) centered under each bar.

Marks:
- Bar chart: square-cornered solid bars, about 64% of the band width. The value sits 8px above each bar.
- Line chart: a 3px #111111 line with square caps and miter joins, 7px square markers at each point, and the highlighted point as a larger 12px red square with its value above it. For several series use #111111 plus #777777, keeping red reserved for the highlight.

Avoid: rounded corners, gradients, shadows, legends (label directly), more than one accent color, centered text.

When you're done, render the chart and check the grid alignment: the left column's edges and the plot's baseline should line up cleanly, and no label may collide.