Chart Prompts

Restyle my chart in the "Wage Slope" 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 clean economics explainer on bright white. Two moments in time, one straight line per item, and color reserved for the items that actually moved. The eye goes straight to the climbers and the fallers.

Colors (use these exact values):
- Background: #FFFFFF.
- Rising items (the notable gains): #1F4FD1 (confident cobalt).
- Falling items: #C0623B (warm clay).
- The unremarkable middle: #B8BCC4 (faint gray) for lines and dots, with #7C818B for their values and #5E6470 for their names.
- Ink for the title, year headers and axes: #1B1F27. Muted text (subtitle, key, notes): #5E6470.

Typography (Google Fonts):
- Newsreader 600 for the title (32px, -0.3px letter-spacing, sentence case, naming the standout and its computed change). Newsreader 400 italic 13px for the method note (for example the inflation adjustment).
- Public Sans for everything else: subtitle 15px 400 muted (measure, unit, price base and the two periods); the two period headers 34px 800 with -0.5px letter-spacing, centered over their axes; labels 13px (700 in cobalt or clay for colored items, 400 gray for the rest); annotation 13px 700 cobalt headline plus 12.5px 400 ink body lines; key 12px muted; source 11.5px.

Layout:
- 56px side margins. Title near y 64, subtitle at 94, a one-row key at about y 126, the big year headers at 190, and the two axes from y 210 to 548.
- Two tall vertical axes 270px apart (x 330 and x 600 at full size), 1.5px ink, with no ticks and no gridlines.
- Left labels right-aligned to the left of the first axis: value 14px from the axis, name 54px from it. Right labels mirror that: value 14px right of the second axis, name 54px right.
- Labels that would collide are nudged apart to a 17px minimum pitch, keeping their vertical order; the dots stay at their true values.
- A short annotation to the right of the labels beside the steepest climber: a 2px cobalt vertical rule 70px tall, a bold headline with the computed change, and two or three plain-language lines explaining it.
- Method note in italic at the bottom left, "Source: ..." at the bottom right.

Axes and grid:
- Only the two vertical axes. No y-axis numbers: every endpoint carries its own value with one decimal.

Marks:
- Line chart (slope): one straight line per item from its first value to its second. Colored lines 2.75px with round caps; gray lines 1.5px. Draw gray first, then clay, then cobalt so the story sits on top. Dots at both ends: r 5 for colored items, r 3.5 for gray, each with a 1.5px white ring. Classify from the data (here: rose 10% or more = cobalt, fell 5% or more = clay, everything else gray) and state the rule in the key.
- Bar chart: a paired horizontal bar chart per item sorted by the change, with the earlier period as a 1.5px gray outline bar and the later period as a solid bar in cobalt, clay or gray by the same rule, 10px tall bars 4px apart, square ends, values printed at the bar ends in the same label styles. The big bold period headers sit above the value columns.

Labels and annotation:
- The key is three short line swatches (22px, 3px stroke, round caps) each followed by its rule in words.
- All percentages in the title and annotation are computed from the data, and rank claims ("second-lowest") must be true.

Avoid: a y-axis with ticks, gridlines, a legend box, curved lines, more than two accent colors, rainbow coloring of every line, and labels drawn over lines.

When you're done, render the chart and check that no two labels overlap on either axis, colored lines sit above gray ones, each label sits level with (or minimally nudged from) its dot, and the classification rule in the key matches the colors.