Chart Prompts

Restyle my chart in the "Facts Panel" 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 chart is a packaged-food nutrition label. Black on white, bold and utilitarian, organized by rules of different weights rather than color.

Colors (use these exact values):
- Page: #FFFFFF. All ink, rules and bars: #111111.
- Empty bar tracks: #EDEDED. Scale labels, guide lines and the footer: #8A8A8A. No other colors.

Typography (Google Fonts):
- Libre Franklin throughout. Title 800, 31px, -0.6px letter-spacing, #111111, stating the finding. Subtitle 15px 400 naming the product, measure and serving. Column headers 13px 700. Section labels 11.5px 700 uppercase with 1.8px letter-spacing. Row names 15px 700 followed by the amount in 15px 400 (for example "Iron 7.2 mg"). Values at right 16px 800. Scale labels 11.5px 400 #8A8A8A. Footnote 11px. Footer 12px #8A8A8A.

Layout:
- The whole chart sits inside a 1.5px #111111 border from x 64 to 896 and y 24 to 548, with content inset 14px.
- Title, subtitle, then an 11px solid black bar rule spanning the border width.
- A header row: "Amount per serving" on the left, scale labels (0%, 10%, 20%...) centered over the bar area, "% Daily Value*" right-aligned; then a 3.5px black rule.
- Rows 28px tall, separated by 0.6px black hairlines. Row name and amount on the left, bar from x 380 to 800, value right-aligned at the inner edge.
- Group rows into sections with small uppercase labels ("LIMIT THESE", "GET ENOUGH OF THESE"), separated by a 7px solid black rule. End with a 3.5px rule and a one-line footnote explaining the measure.
- Below the border: "Source: ..." at left and the product name at right in the footer style.

Axes and grid:
- No axis lines. Optional reference guides as 1px #8A8A8A dashed verticals (2 on, 3 off) across the rows, labeled at the top in 11px 600 #8A8A8A ("5% low", "20% high").

Marks:
- Bar chart: horizontal bars 12px tall, solid #111111, square corners, starting at zero, over a full-length #EDEDED track so the scale is always visible. Value printed at the right edge of the row, never on the bar.
- Line chart: draw each series as a 2.5px #111111 line with square caps and 5px solid square markers; a second series uses a 2px dashed line (6 on, 4 off) with hollow square markers. Keep the label frame: border, heavy bar rule under the title, header row with the 3.5px rule, hairline gridlines at each y tick, and a 3.5px rule plus footnote at the bottom. Label each series at its right end in 13px 700.

Avoid: any color, rounded corners, gradients, shadows, icons, and a legend box.

When you're done, render the chart and check that the rule weights read as a hierarchy (11px, 7px, 3.5px, hairline), rows align on a strict grid, nothing touches the border, and every value matches its bar.