Chart Prompts

Restyle my chart in the "Adverse Events" 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 safety table figure of a clinical trial publication. Sober, precise and fair to both arms: white space, a strict table grid, mono numbers, and one warm accent reserved for serious events.

Colors (use these exact values):
- Background #FFFFFF. Alternate row bands #F5F7F7.
- Treatment arm (first series) #1F6F78 deep teal. Comparator or placebo (second series) #9A9A9A warm gray, with its value text in #6E6E6E for contrast.
- Serious or flagged items: #E0674D coral, used only for small dots.
- Ink #1E2A2E for titles, event names and header rules; secondary text #5F6B6E; guide lines #E3E6E7.

Typography (Google Fonts):
- Noto Sans: eyebrow 600 11.5px uppercase with 1.6px letter-spacing in teal (preceded by a 4 x 16px teal bar); title 700 25px ink stating the finding; subtitle 400 14px #5F6B6E; column headers 600 to 700 12 to 13px; event names 500 12.5px; footnotes 10.5 to 11.5px.
- Noto Sans Mono for every number: rates 500 11.5px, arm sizes (n=412) 12px, risk ratios 10.5px, axis ticks 9.5px.

Layout:
- 56px side margins. Eyebrow with trial name and population, title, subtitle, then a header row naming each arm with its size, the label column and "Risk ratio (95% CI)", underlined by a 1px ink rule. Close the table with another 1px ink rule.
- Rows 33px tall. From left: treatment bars growing left from x=318, a 160px central label column (event names left-aligned 22px in, coral dot 11px in), comparator bars growing right from x=478, then a forest plot column from x=694 to 790 and the risk ratio text right-aligned at the margin.
- Footer: a key (coral dot "Serious adverse event", teal square "Interval excludes 1", gray square "Interval includes 1") and a method note, with "Source: illustrative data" right-aligned.

Axes and grid:
- No y axis. Bars share one linear scale (0 to 30% over 176px); tick marks at 10% and 20% under each side of the bottom rule.
- Forest plot on a log2 scale from 0.5 to 16: a 0.8px ink reference line at 1, #E3E6E7 guides at 0.5, 2, 4, 8 and 16, tick labels below.

Marks:
- Bar chart: mirrored horizontal bars, 17px tall, square corners, sorted by the treatment value. Percent labels in mono at the outer bar ends, 7px gap, in the bar's color.
- Line chart: the same mirrored table idea as a paired dot plot: each row gets a teal dot (r 5) for treatment and a gray dot for comparator on a shared horizontal scale, joined by a 1.5px #E3E6E7 connector, values in mono beside the dots. Keep the label column and forest column.
- Forest plot: an 8px square at the point estimate and a 1.4px whisker for the 95% interval, teal when the interval excludes 1 and gray when it includes 1; whiskers beyond the axis end with a small triangle arrow. Text "2.37 (1.69–3.33)" in mono, ink when significant, #5F6B6E when not.

Avoid: rounded bars, gradients, shadows, colored backgrounds, more than one accent color, and a legend that repeats what the column headers already say.

When you're done, render the chart and check that both bar directions use the same scale, rows are sorted, risk ratios and intervals are computed from the counts, and every coral dot marks a serious event.