/* Loaded only by pages that publish a data table or chart (page.stylesheet in content). */
.data-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 28px}
.data-stat{background:var(--surface);border-radius:var(--radius);padding:20px}
.data-stat strong{display:block;font-size:2rem;line-height:1.1;letter-spacing:-.03em;font-weight:600;font-variant-numeric:tabular-nums}
.data-stat span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--muted)}
.chart-figure{margin:25px 0}
.chart-figure h3{margin:0 0 12px}
.chart{display:block;width:100%;height:auto}
.chart-grid{stroke:var(--line);stroke-width:1}
.chart-axis{fill:var(--muted);font-size:13px}
.chart-area{fill:var(--tint)}
.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.chart-dot{fill:var(--accent);stroke:var(--paper);stroke-width:2}
.chart-value{fill:var(--text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.chart-hit{fill:transparent}
.chart-figure figcaption,.article-body .data-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}
.table-wrap td.num,.table-wrap th.num{text-align:right;font-variant-numeric:tabular-nums}
.table-wrap td.num,.nowrap{white-space:nowrap}
.table-wrap code,.article-body p code,.article-body li code{font-size:.92em;overflow-wrap:anywhere}
@media(max-width:640px){.data-stats{grid-template-columns:1fr}.data-stat strong{font-size:1.7rem}.chart-axis{font-size:21px}.chart-value{font-size:22px}}
