Chart Prompts

Restyle my chart in the "Regatta Pennants" 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: the results board in a yacht club: crisp white, deep navy, one signal red, and nautical details (a swallowtail burgee, rope, sail numbers) done with restraint.

Colors (use these exact values):
- Canvas: #FFFFFF.
- Primary ink and all ordinary marks: #12284A (club navy).
- Accent: #C62828 (signal red), only for the leader or the one highlighted item.
- Tracks and faint gridlines: #E6EBF0 (sea gray). Secondary text: #6B7A8F.

Typography (Google Fonts):
- Libre Baskerville: title 700 29px navy stating the finding; subtitle italic 16px #6B7A8F with measure and context; category names 17px 400 navy (700 for the leader); source and legend in italic 12px #6B7A8F.
- Barlow Condensed for every figure: value labels 700 22px in the mark's color, axis figures 500 15px #6B7A8F, rank numbers 700 16px, codes inside marks 600 15px white with 0.8px letter-spacing.

Layout:
- 56px side margins. Title baseline at y 76, a rope-twist rule at y 98 spanning the width, subtitle at y 132.
- A small club burgee at the top right: a 2px navy staff with a ball top, a navy swallowtail pennant about 55 x 34px, and a red inner triangle.
- Rows start around y 176 with a 46px pitch. A 1px navy footer rule under the last row, with "Source: illustrative data" at left and a small legend at right.

Axes and grid:
- No axis lines. Scale figures (0, 50, 100...) above the first row with 1px #E6EBF0 vertical gridlines running down behind the rows.
- Each row has a full-length #E6EBF0 track behind its bar.

Marks:
- Bar chart: horizontal bars, 26px tall, square left end, ranked from highest to lowest. The right end is a swallowtail notch 13px deep, like a yacht club burgee. Navy for all bars, red for the leader. A short identifier (sail number or code) sits inside the bar, right-aligned 8px before the notch, in white condensed figures; the value follows 10px after the tip in 22px 700 condensed in the bar's color. At the left, a rank number in a 13px-radius circle (white fill, 1.6px navy ring; the leader filled red with white figure), then the category name.
- Line chart: a 2.5px navy line with straight segments; each point marked by a small navy burgee (a 12 x 10px swallowtail pennant pointing right) and the highlighted series or point in red. Horizontal gridlines 1px #E6EBF0; value labels in Barlow Condensed 700; series named directly at the line ends in Libre Baskerville 15px.

Details:
- Rope-twist rule: a row of navy ellipses (rx 3.6, ry 1.5) rotated -42 degrees, centers every 5px, so they read as twisted strands.
- Legend (only when needed): small burgee swatches 26 x 12px with a 7px notch, labels in italic 12px.

Avoid: gradients, shadows, rounded bar ends, more than one accent color, nautical clip art, and heavy borders.

When you're done, render the chart and check that every notch reads clearly at thumbnail size, the white codes fit inside even the shortest bar, the rope rule is continuous, and only the leader is red.