:root {
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;
}

html,
body,
body * {
  font-family: var(--font-ui) !important;
}

body {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-rendering: optimizeLegibility;
}

.hero-copy > strong,
.hero-aside strong,
.metric-card > strong,
.chart-summary strong,
.investment-summary strong,
.record-toolbar strong,
.compact-list b,
.allocation-legend strong,
td strong {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.025em;
}

.hero-copy > strong {
  font-weight: 560;
}

.hero-aside strong,
.metric-card > strong,
.investment-summary strong,
.record-toolbar strong {
  font-weight: 550;
}

@supports (font-variation-settings: normal) {
  .hero-copy > strong,
  .hero-aside strong,
  .metric-card > strong,
  .investment-summary strong,
  .record-toolbar strong {
    font-variation-settings: "wght" 550;
  }
}