/* Comfortable reading text; retain the existing display face for headings. */
body {
  --reading-font: Arial, Helvetica, sans-serif;
}

.rs p,
.rs li,
.ex-table,
.cs-hero-intro p,
.post-card p {
  font-family: var(--reading-font);
  color: var(--ink-2);
}

.ex-table td {
  color: var(--ink-2);
}

/* Metadata should read like editorial text rather than code. */
.byline,
.post-meta,
.rs .reviewed,
.stat .l {
  font-family: var(--reading-font);
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
  font-variant-numeric: lining-nums proportional-nums;
  color: var(--fog);
}

/* Years and units belong to the same type family as the statistic. */
.stat .v .sup,
.pull .v .sup {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  color: inherit;
  letter-spacing: normal;
}

/* Keep notes secondary without lightening the article itself. */
.rs .ex-note,
.rs .pull p {
  color: var(--fog);
}

/* Links inside running text must not rely on colour alone. */
.rs p a:not(.btn),
.rs li a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}