.stat-grid .stat-grid__header{margin-bottom:var(--space-10);text-align:center}.stat-grid .stat-grid__header h2{margin:0 0 var(--space-3)}.stat-grid .stat-grid__sub{max-width:60ch;color:var(--color-muted);margin:0 auto;line-height:1.6}.stat-grid .stat-grid__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.stat-grid .stat-grid__grid{grid-template-columns:repeat(3,1fr)}}.stat-grid .stat-grid__footnote{margin:var(--space-10) 0 0;text-align:center;font-size:var(--font-size-xs);color:var(--color-muted)}.stat-grid__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6);text-align:center;height:100%}.stat-grid__card .stat-grid__label{margin:0 0 var(--space-5);font-size:var(--font-size-sm);color:var(--color-muted)}.stat-grid__card .stat-grid__delta{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.stat-grid__card .stat-grid__before{font-size:var(--font-size-xl);color:var(--color-muted);font-family:var(--font-heading)}.stat-grid__card .stat-grid__arrow{color:var(--brand-1-bright);flex-shrink:0}.stat-grid__card .stat-grid__after{font-size:var(--font-size-3xl);color:var(--color-text);font-family:var(--font-heading);font-weight:600}.stat-grid__card .stat-grid__note{margin:var(--space-4) 0 0;font-size:var(--font-size-xs);color:var(--color-muted);line-height:1.5}.blockTint .stat-grid__card{background:var(--color-bg)}
.trend-chart .trend-chart__header{margin-bottom:var(--space-8);text-align:center}.trend-chart .trend-chart__header h2{margin:0 0 var(--space-3)}.trend-chart .trend-chart__sub{max-width:60ch;color:var(--color-muted);margin:0 auto;line-height:1.6}.trend-chart .trend-chart__figure{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6)}.trend-chart .trend-chart__svg{aspect-ratio:640/260;width:100%;height:auto;display:block}.trend-chart .trend-chart__axis-label{fill:var(--color-muted);font-size:11px;font-family:var(--font-body)}.trend-chart .trend-chart__value-label{fill:var(--color-text);font-size:12px;font-weight:600;font-family:var(--font-heading)}.trend-chart .trend-chart__table{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.trend-chart .trend-chart__footnote{margin:var(--space-6) 0 0;text-align:center;font-size:var(--font-size-xs);color:var(--color-muted)}
