Chart Prompts

Restyle my chart in the "Handicap Card" 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 golf club's printed member handicap record. Cream card stock, a double green keyline border, an elegant serif title and tidy small print, like something kept in the pro shop ledger.

Colors (use these exact values):
- Card: #F6F1E4 (cream) for the whole canvas.
- Ink and all data marks: #1F4D2E (dark club green). Used for the border, title, eyebrow, lines, dots and the boxed callout.
- Body text: #2B2A26. Secondary text: #7A7263. Gridlines and table rules: #D8CFB8. Alternate column tint: #E9E1CC at 45% opacity.

Typography (Google Fonts):
- Cormorant Garamond 600 for the title (38px, green, stating the finding) and 700 at 40px for the callout numeral, with lining figures.
- Karla for everything else: eyebrow 11px 700 uppercase with 2.4px letter-spacing in green; subtitle 14px #7A7263 naming the measure and unit; axis labels 12px; round numbers 11px 700; month 9px uppercase with 1px letter-spacing and day 10px underneath; legend 12px; source line 11px italic.

Layout:
- A double border: a 1.5px green rectangle inset 18px from the edges and a 0.6px green rectangle inset 24px.
- Eyebrow at top left (club name, record name, season, separated by middle dots), title below it, subtitle below that.
- Top right: a boxed callout 162 x 92 px with the same double keyline (1.5px outer, 0.6px inner inset 4px), a "LOW INDEX" (or equivalent) label, the big serif numeral and a small line saying when it happened.
- Plot from x 96 to 892 and y 176 to 470; below it a scorecard-style row of period numbers, a hairline, then two-line dates. Legend and source on one footer line.

Axes and grid:
- Horizontal 0.8px #D8CFB8 gridlines with one-decimal labels at the left. A 1px green baseline. No vertical axis line.
- Alternate period columns tinted #E9E1CC at 45% opacity, like the shaded columns of a scorecard.
- Row labels "RD" and "DATE" in 9px 700 uppercase at the left of the period rows.

Marks:
- Line chart: the main series is a 2.6px green step line (moves at each period, holds flat between), starting from the prior value at the left edge and running to the right edge. Individual observations are r5 dots with a 1.4px green outline: filled green when they count toward the headline figure, hollow (cream fill) when they don't. Label the start and end values in 13px 700 green, placed so they never sit on a dot.
- Bar chart: slender square-cornered green bars (about 45% of the column) on the same tinted columns, hollow outlined bars (1.4px green, cream fill) for periods that don't count, value labels 12px 700 green above each bar, and the same boxed callout for the best value.

Avoid: gradients, shadows, rounded corners, bright colors or any second hue, heavy gridlines, sans-serif titles.

When you're done, render the chart and check that the title numbers and the boxed callout match the data, filled and hollow dots are clearly different at small size, and nothing touches the double border.