Chart Prompts

Restyle my chart in the "Reservoir Level" 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 dam operator's water-level record. Calm, technical and quietly literal: the plot reads like the inside of a tank, with water filling up to the line and gauge marks painted on the wall.

Colors (use these exact values):
- Page: #EDF2F5 (pale blue-gray) for the whole canvas.
- Primary data line and water accents: #0F4C81 (deep reservoir blue).
- Water fill under the line: #BFD9EC, as a vertical gradient from 95% opacity at the top of the plot to 45% at the bottom.
- Ink (title, key values, axis line): #1C2B36. Secondary text: #5B6B77. Gridlines: #D3DDE4.
- Flood or danger threshold: #B5473A (brick red). Structural gray for the dam icon and staff outline: #9AA7B1. Gauge staff face: #FFFFFF.

Typography (Google Fonts):
- Crimson Text 700, 32px, #1C2B36 for the title, sentence case, stating the finding. Crimson Text italic 400, 16px, #0F4C81 for short annotations that sit on the water line (e.g. "Full by 10 Jun").
- Source Sans 3 for everything else: subtitle 15px #5B6B77 (measure, unit, period); threshold names 10.5px 700 uppercase with 1px letter-spacing in the threshold's color; threshold values 14px 600 #1C2B36; axis numbers 12.5px #5B6B77; year labels 13px 700 #1C2B36; annotations 12.5px (first line 700); source 12px #5B6B77.

Layout:
- 56px side margins. A small dam cross-section icon (about 46 x 40 px) at the top left: a #9AA7B1 gravity-dam trapezoid with a vertical upstream face, a #BFD9EC water wedge against it with a 1.6px #0F4C81 surface line, and a 1.6px #1C2B36 ground line. The title starts 58px to its right with its baseline level with the icon's base; subtitle 26px below the title.
- The left 140px is a gauge-label column: each threshold's uppercase name sits 5px above its line and its value ("412.0 m") 15px below it, left aligned at the margin.
- A vertical gauge staff (10px wide, white with a 0.8px #9AA7B1 outline) at the plot's left edge, with 1.2px full-width ticks every whole unit and 0.8px half-width ticks every half unit, like a painted depth staff.
- Value axis numbers on the RIGHT of the plot, 10px out, with the unit ("m ASL", 11px 600) above them.

Axes and grid:
- 1px #D3DDE4 horizontal gridlines at round values; no vertical gridlines.
- A 1.2px #1C2B36 baseline. Month ticks 5px long (10px at each January), quarter-month names 12.5px, the year in bold under each January.

Marks:
- Line chart: a 2px #0F4C81 line with round joins, with the gradient water fill from the line down to the plot bottom, clipped to the plot. Threshold lines run across the full plot and 22px into the staff, each ending at the left in a small solid triangle pointing right (6 x 10 px): the flood crest 1.4px #B5473A dashed 6 4, the full level 1.4px solid #0F4C81, the minimum level 1.4px #1C2B36 dotted 2 3. Mark notable points with a small #0F4C81 dot (r 3) or an open ring (r 4, 2px stroke, page-colored fill) plus a 0.8px leader to a two-line note.
- Bar chart: bars as columns of water: #BFD9EC fill with a 2px #0F4C81 top edge, square corners, about 60% of the band, starting at zero. The same threshold lines, gauge staff and left-hand gauge labels apply; label the tallest and lowest bars with their values in 12.5px 700.

Avoid: rounded corners, shadows, heavy borders, a legend (label thresholds and points directly), and saturated colors other than the brick red threshold.

When you're done, render the chart and check that the threshold labels at the left do not collide (give each name and value its own line), the water fill stays inside the plot, notes never cross a threshold line, and every date or level quoted in the title and notes matches the data.