Chart Prompts

Restyle my chart in the "Funded Ratio" 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 actuarial valuation exhibit for a public pension board. Sober slate bars on warm gray, one warning color for years in trouble, bold reference lines and a data table you can audit.

Colors (use these exact values):
- Page: #F2F1EE (warm light gray).
- Normal bars: #4A5A6A (slate). Bars that breach the threshold: #D6891C (amber); table figures for those years in #9A5F0B.
- Ink, reference lines and baseline: #1E252C. Secondary text: #6C7178.
- Gridlines and footer rule: #D8D5CE. Table band: #E6E4DE.

Typography (Google Fonts): Public Sans for all text.
- Title 800, 27px, -0.4px letter-spacing, #1E252C, stating the finding.
- Subtitle 15px #6C7178 with measure, unit and period. Legend labels 13px 500.
- Axis labels 12px #6C7178; year labels 12px 500 #1E252C as two-digit years ('06). Reference line labels 15px 800 with a 12px description below.
- Table header 10.5px 700 uppercase with 1.2px letter-spacing; table figures 11.5px 600.

Layout:
- 48px side margins. Title at y 58, subtitle at y 86, a two-swatch legend (14px squares) at y 104 including the count of breaching years ("Below 80% (7 years)").
- Plot from x 92 to 828, y 146 to 440; the right 80px holds the reference line labels.
- A contribution table 54px below the baseline: a 30px #E6E4DE band spanning the plot, one cell per bar aligned under it, separated by short 1px #D8D5CE ticks, with a header above the band and a unit label at the right.
- Footer rule at y 548, source left, the plan name right in 12px 600.

Axes and grid:
- Gridlines at 0, 20, 40, 60% in 1px #D8D5CE; labels at the left.
- Two reference lines drawn over the bars: 100% as a 3px solid #1E252C line and 80% as a 1.4px dashed line (6 on, 4 off), both extending 8px past the plot and labeled at the right edge ("100% Fully funded", "80% Watch threshold").
- A 1.2px #1E252C baseline.

Marks:
- Bar chart: square-cornered bars at 66% of the slot, slate or amber by the rule; label only the first, lowest and latest bars with white 13px 700 values inside the bar top (18px below the top edge).
- Line chart: a 2.5px slate line with 4px dots, dots amber for points below the threshold, a light slate area (10% opacity) under the line; the same reference lines and table.

Avoid: gradients, rounded bars, 3D, more than one warning color, a legend that repeats the reference lines, and value labels above bars that could collide with the 100% line.

When you're done, render the chart and check that bars start at zero, every breaching year is amber in both the bars and the table, the breach count in the legend matches the data, and table cells line up under their bars.