Chart Prompts

Restyle my chart in the "Record Temps" 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: the year-in-weather page of a serious newspaper. Warm paper, quiet tan bands that give context, one thin dark trace for what actually happened, and small precise callouts for the moments that broke records.

Colors (use these exact values):
- Page: #F8F4EA (warm off-white paper) for the whole canvas.
- Record range band: #E6D8BC (pale tan). Normal range band: #C7B284 (khaki), drawn on top of the record band.
- Observed or primary series: #6B1E2A (dark maroon).
- New record high (or any "above the range" highlight): #D0342C. New record low (or "below the range" highlight): #2A6FB5.
- Ink for titles and category labels: #2B2622. Secondary text and ticks: #7A7065. Gridlines: #DDD3C1; the zero line #A89A82.

Typography (Google Fonts):
- Libre Franklin for everything structural: an uppercase kicker 11px 700 with 2.2px letter-spacing in #7A7065; the title 27px 800 in #2B2622 with -0.3px letter-spacing, stating the finding; subtitle 15px 400 #7A7065 naming the measure and unit; legend 12px 500; axis labels 12px 400 with tabular figures; x-axis category labels 13px 600 in ink; callouts 12px 700 in the callout color.
- Source Serif 4 italic 400 at 12.5px in #7A7065 for the explanatory footnote and the "Source: ..." line.

Layout:
- 56px left margin. Kicker at y 40, title at y 76, subtitle at y 102, then a one-line legend row at y 136 (swatch 20px wide, label 26px to its right).
- Plot from x 88 to 904 and y 168 to 500. Footnote at y 552, source at y 574 with a small uppercase-free credit line right-aligned at the right margin.

Axes and grid:
- Horizontal gridlines every 10 units in 0.8px #DDD3C1, drawn over the bands; the zero line 1px #A89A82. Y labels right-aligned 10px left of the plot, with a degree sign and a true minus sign (U+2212) for negatives.
- A 0.8px #7A7065 baseline with 6px ticks at each period boundary. For a daily year, label each month by its initial (J F M A M J J A S O N D) centered in its month; thin 0.8px paper-colored separators run up through the bands at each month start.

Marks:
- Line chart: draw the context as filled areas, record range first (#E6D8BC), then the normal range (#C7B284) on top. The main series is a thin stepped trace (each period a horizontal step, 1.15px #6B1E2A, miter joins) over the bands. Ring notable points (records) with a 5.5px-radius unfilled circle, 1.8px stroke in red or blue, and run a 0.6px #2B2622 hairline from the ring up (highs) or down (lows) about 40px to a label like "Jun 27: 36.3°" in the ring's color. Right-align callouts near the right edge so they stay inside the plot.
- Bar chart: slender square-cornered bars in #6B1E2A (about 55% of the band) standing in front of a pale #E6D8BC range bar and a narrower #C7B284 normal-range bar for each category, so every bar shows where it sits against its normal and record. Bars that exceed the record range get the red (or blue) ring-and-hairline callout at their tip.

Labels and annotation:
- Legend swatches: tan and khaki rectangles for the bands, a tiny stepped maroon line for the series, and open red and blue rings for new records.
- The footnote explains how the bands are defined (years and definition), in italic serif.

Avoid: smoothing the daily trace, gradients, drop shadows, heavy borders, bright saturated fills in the bands, more than two highlight colors, and callouts without hairlines.

When you're done, render the chart and check that both bands are visible behind the trace, every ring sits exactly on its data point, every callout's date and value match the data, no callout collides with the axis labels or the legend, and the title's count of records is right.