Chart Prompts

Restyle my chart in the "Stress Strain" 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 engineering figure from a materials testing report. White page, black axes, three strong ink colors, precise markers and a boxed detail inset. Technical and exact, never decorative.

Colors (use these exact values):
- Page: #FFFFFF.
- Series 1 and all axes: #1A1A1A (near black). Series 2: #264B8C (deep blue). Series 3: #D9772B (orange).
- Secondary text: #5F6368. Gridlines: #E3E5E8.

Typography (Google Fonts):
- Cairo throughout. Title 700 30px #1A1A1A, sentence case, stating the finding. Subtitle 400 16px #5F6368 naming both measures and units.
- Axis titles ("Stress, MPa", "Strain, %") 600 13px #1A1A1A; tick labels 400 13px #5F6368.
- Direct series labels 700 15px in the series color, with a 12.5px #5F6368 detail line under them (key values such as yield, peak and end point).
- Inset heading 700 11px uppercase with 1.2px letter-spacing. Figure caption bottom right 600 11px with 1px letter-spacing ("FIG. 3 ...").

Layout:
- Title at the top left (x 48), subtitle 32px below it. Plot area from x 88 to 900 and y 132 to 510.
- Y-axis title above the axis top, left aligned; x-axis title right aligned under the axis end.
- A boxed inset in the top-right corner of the plot, where the data leaves empty space: white fill, 1px #1A1A1A border, its own small axes, showing a magnified slice of the x range (here the first 1% of strain).
- A marker key row under the x axis, then "Source: illustrative data" 12px at the bottom left and the figure caption at the bottom right.

Axes and grid:
- L-shaped axes in 1.4px #1A1A1A with 6px outward ticks on x. Full gridlines both ways, 1px #E3E5E8. Round tick values only; y starts at 0.

Marks:
- Line chart: 2.4px lines with round joins, one per series, no smoothing beyond what the data has. Key points get open circles (r 4.5, white fill, 1.8px stroke in the series color); end points get a small x (10px, 2.2px stroke, round caps) in the series color. For a reference construction draw a 1.4px dashed line (5 on, 4 off) in the relevant series color, parallel to the initial slope, with a short tick where it starts and a 600 11px label. Label every series directly at its end point, never with a boxed legend.
- Bar chart: slim square-cornered bars (about 45% of the band) in the three series colors, value labels 600 13px just past the bar end, open-circle or x markers reused for reference values on the bars, same grid and axes.

Labels and annotation:
- Annotate one reference value inside the inset in 700 11.5px series color (for example "Rp0.2 = 290 MPa").
- Make every stated comparison in the title arithmetically true.

Avoid: fills under lines, shadows, gradients, rounded corners, colored backgrounds, a separate legend box when direct labels fit, and more than three series colors.

When you're done, render the chart and check that the inset does not cover any data, the direct labels touch nothing, the markers sit exactly on the data points and the title's claim matches the data.