.fig{margin:22px 0 26px}
.fig figcaption{font-size:.84rem;color:var(--muted);margin-top:9px;max-width:70ch}
.fig .ttl{font-family:var(--disp);font-weight:600;font-size:1.16rem;color:var(--ink);
  letter-spacing:.01em;margin:0 0 3px}
.fig .sub{font-size:.86rem;color:var(--muted);margin:0 0 12px}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart .lbl{font-size:11.5px;fill:var(--body);font-family:var(--sans)}
.chart .val{font-size:11.5px;fill:var(--ink);font-family:var(--disp);font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:.02em}
.chart .axis{stroke:var(--line);stroke-width:1}
.chart .grid{stroke:var(--line2);stroke-width:1}
.chart .tick{font-size:10.5px;fill:var(--muted);font-family:var(--sans)}
.chart .pos{fill:#1F5FBF}.chart .neg{fill:#B5622A}
.chart .mark{fill:#1F5FBF;stroke:var(--bg);stroke-width:2}
.chart g[data-r]:hover .pos,.chart g[data-r]:hover .neg{fill:#0E3F8C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chart .pos{fill:#4E90E4}
  :root:not([data-theme="light"]) .chart .neg{fill:#BF7238}
  :root:not([data-theme="light"]) .chart .mark{fill:#4E90E4}
  :root:not([data-theme="light"]) .chart g[data-r]:hover .pos{fill:#7CB2F0}}
:root[data-theme="dark"] .chart .pos{fill:#4E90E4}
:root[data-theme="dark"] .chart .neg{fill:#BF7238}
:root[data-theme="dark"] .chart .mark{fill:#4E90E4}
:root[data-theme="dark"] .chart g[data-r]:hover .pos{fill:#7CB2F0}
.tblview{margin-top:10px}
.tblview summary{cursor:pointer;font-size:.84rem;color:var(--accent);font-weight:600;list-style:none}
.tblview summary::-webkit-details-marker{display:none}
.tblview summary::before{content:"▸ ";}
.tblview[open] summary::before{content:"▾ ";}