Chart Prompts

Restyle my chart in the "Dimmed Slate" 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 app's "dim" dark mode rather than pitch black: desaturated blue slate, one raised card, muted pastel series, and focus on a single story while everything else recedes.

Colors (use these exact values):
- Background: #15202B (slate). Raised card: #1E2A36, 16px radius, no border or shadow.
- Row banding inside the card: #233140 at 55% opacity on alternate rows, 6px radius, inset 12px from the card edge.
- Series colors at about 70% saturation: #6FA8DC sky, #7FB58F sage, #DDAE62 sand, #B98AC0 mauve. Reuse them in that order when there are more than four series.
- Text: #E3EAF1 for title and highlighted labels; #9FB0C2 soft grey-blue for everything else.

Typography (Google Fonts):
- Public Sans only, regular and semibold: title 28px 600, -0.3px letter-spacing; subtitle 15px 400; series labels 13px (600 #E3EAF1 for the highlight, 400 #9FB0C2 at 70% opacity otherwise); rank and period labels 12 to 13px 600; footer 12px.

Layout:
- 40px outer margins. Title, subtitle, then a small highlight chip (#1E2A36 pill, 11px radius, 4px sky dot, "Highlighted: ..." 12px 600).
- The chart sits in the raised card (x 32, y 140, 896 x 400). Period labels across the top of the card, rank labels ("#1" to "#8") at the card's left edge, series names at both ends of the lines.
- Footer outside the card: source at left and a short method note at right.

Axes and grid:
- No axis lines or gridlines: the alternating row bands are the grid. The latest period label is set in #E3EAF1.

Marks:
- Line chart (bump): 4px straight lines with round joins between rank positions. Every series except the highlight sits at 35% opacity with small hollow markers (r 5, 2.5px stroke, card-colored fill). The highlighted series draws last, over a 10px card-colored halo so it cuts through crossings, with hollow r 12 markers (2.5px stroke) holding the rank number in 12px 600 #E3EAF1.
- Bar chart: horizontal bars 18px tall with 4px radius on the row bands, all series at 35% opacity except the highlighted one at full strength with its value label in 13px 600 #E3EAF1.

Avoid: pure black, pure white, saturated neon colors, drop shadows, visible borders, a separate legend (label lines directly), more than one highlighted series.

When you're done, render the chart and check that ranks form a complete permutation in every period, the highlighted series is the only one at full opacity, end labels do not collide, and the title's claim matches the first and last ranks.