html { background: var(--page-bg); }
body { margin: 0; background: var(--page-bg); color: var(--text-body-color); font-family: var(--font-body); font-size: var(--text-body); font-weight: var(--weight-body); line-height: var(--leading-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--weight-display); line-height: var(--leading-heading); margin: 0; text-wrap: pretty; }
h1 { font-size: var(--text-display); line-height: var(--leading-display); }
h2 { font-size: var(--text-h2); }
h3 { font-size: var(--text-h3); }
p { margin: 0; text-wrap: pretty; }
a { color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--color-accent); }
a:visited { color: var(--link); }
small { font-size: var(--text-small); }
code, kbd, samp { font-family: var(--font-mono); font-size: 0.9em; }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
hr { border: 0; border-top: var(--rule-width) solid var(--border-default); margin: 0; }
/* Numerals in tables, KPIs and axis labels are mono, tabular, right-aligned. */
.num, td, th { font-family: var(--font-mono); font-variant-numeric: tabular-nums; text-align: right; }
th:first-child, td:first-child, .num-left { text-align: left; }
.label { font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--text-muted); font-family: var(--font-body); font-weight: var(--weight-body-strong); }