/* Readability for long-form article body (the display sans is hard to read at paragraph size). */
.article-body {
  font-family: 'Newsreader', 'Source Serif 4', Charter, 'Iowan Old Style', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
  color: #1c1c1c;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}
.article-body p { margin-bottom: 1.35em; }
.article-body em { font-style: italic; font-weight: 400; }
.article-body strong, .article-body b { font-weight: 600; }
.article-body h2 {
  font-family: 'Neue Haas Grotesk Display Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.25rem; margin: 2.4em 0 0.7em;
}
.article-body a { text-decoration-color: #aaa; text-underline-offset: 3px; }
.article-body sup { font-size: 0.7em; line-height: 0; }
.article-body blockquote { font-size: 1.05rem; line-height: 1.65; }
@media (max-width: 520px) {
  .article-body { font-size: 1.05rem; }
}

/* Charts: same design as before, just larger and darker text (SVG is scaled ~0.77x) */
.chart-tick { font-size: 17px; fill: #444; }
.chart-axis-title { font-size: 18px; fill: #333; }
.chart-legend { font-size: 18px; fill: #222; }
.chart-mark { font-size: 18px; }
.chart-title { font-size: 1.7rem; }