Chart Prompts

Restyle my chart in the "Spillway Gauge" 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 flood-operations screen in a dam control room at night. Urgent but disciplined: a white trace on dark river blue climbing through amber and red stage bands, with the operating context stacked in thin panels below.

Colors (use these exact values):
- Page: #0B1D2A (dark river blue).
- Primary line: #F2F6F8 (near white). Secondary measure: #3FC1B0 (teal). Operational strip bars: #6F93AD on a #10283A track.
- Stage bands: #E8A33D (amber) at 16% opacity for the warning band and #D6534A (red) at 20% opacity for the danger band, each with a 1px solid line at its lower threshold in the full color.
- Gridlines: #1D3444; day-boundary lines #2C4B60. Secondary text: #8FA6B6.

Typography (Google Fonts):
- Anton 30px, #F2F6F8, uppercase with 0.6px letter-spacing for the title, stating the finding.
- Archivo Narrow for everything else: subtitle 15px #8FA6B6; panel labels 12px 700 uppercase with 1.2px letter-spacing, each in its series color; axis numbers 12.5 to 13px #8FA6B6; stage names 13px 700 uppercase in the band color with the range in 12px #8FA6B6 under them; day labels 12.5px 700 white, mid-day labels 400 #8FA6B6; the callout value 22px 700; source 12px.

Layout:
- 56px left margin; plot from x 92 to 842 so stage labels fit at the right. Title at y 66, subtitle at y 94.
- Three stacked panels sharing one time axis: the main measure (about 195px tall), a secondary panel (about 56px tall) with its own small scale, and an operational strip (about 32px) of stepped bars. Each panel has its own uppercase label 8px above it; about 40px between panels. Never put two measures on one scale.

Axes and grid:
- Horizontal 1px #1D3444 gridlines; value numbers right aligned 10px left of the plot.
- Vertical lines every 6 hours: 0.6px #1D3444 dashed 2 4, with day boundaries as solid 1px #2C4B60. Draw them per panel so they never cross panel labels.

Marks:
- Line chart: the main series as a 2.6px #F2F6F8 smooth line; the secondary as a 2.2px #3FC1B0 line in its own panel. The peak gets an open ring (r 5, 2.4px white stroke, page fill) and a 1px white leader to a boxed callout: page-colored fill, 1.2px white border, square corners, 150 x 54 px, a small uppercase time line in #8FA6B6 and the value in 22px 700 white. The operational strip shows one bar per time step (1.2px gaps) whose height is the count, with the new value printed in 11px 700 white at each step change beside a short tick.
- Bar chart: bars in #F2F6F8 at 70% opacity, square corners, starting at zero, drawn over the same amber and red stage bands; bars that reach the red band turn solid #F2F6F8 with a 1.5px #D6534A top edge. The peak bar gets the same boxed callout; the strip and secondary panel stay as above.

Avoid: glows, gradients, rounded corners, a second value axis on the main panel, and coloring the main line anything but white.

When you're done, render the chart and check that the callout box does not sit on the line, the stage labels at the right do not collide, the vertical grid never runs through panel labels, and the hours-above-stage count in the title matches the data.