/* Match the approved Inverse Cramer typography on the earlier articles.
   Keep their content, illustrations, table semantics and mobile table layout. */
.blog-article-page {
  --editorial-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --editorial-serif: Georgia, "Times New Roman", serif;
  --editorial-ink: #eeeae0;
  --editorial-body: #c9c8c0;
  --blog-muted: #9b9e93;
  font-family: var(--editorial-sans);
  color: var(--editorial-body);
  -webkit-font-smoothing: antialiased;
}

.blog-article-page .blog-article-header h1 {
  font-family: var(--editorial-serif);
  font-size: clamp(46px, 4.7vw, 62px);
  font-weight: 400;
  line-height: 1.055;
  letter-spacing: -.04em;
  color: var(--editorial-ink);
  text-wrap: balance;
}
.blog-article-page .blog-deck {
  font-size: 18px;
  line-height: 1.65;
  color: var(--editorial-body);
}
.blog-article-page .blog-eyebrow {
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .11em;
}
.blog-article-page .blog-byline strong { font-size: 12px; }
.blog-article-page .blog-article-aside nav a { font-size: 12px; line-height: 1.45; }
.blog-article-page .blog-article-body {
  font-size: 17px;
  line-height: 1.75;
  color: var(--editorial-body);
}
.blog-article-page .blog-article-body > p,
.blog-article-page .blog-article-body > ul { max-width: 690px; }
.blog-article-page .blog-article-body strong { color: var(--editorial-ink); font-weight: 600; }
.blog-article-page .blog-article-body h2 {
  font-size: 30px;
  line-height: 1.23;
  letter-spacing: -.035em;
  font-weight: 550;
  color: var(--editorial-ink);
  margin: 54px 0 21px;
}
.blog-article-page .blog-article-body h3 {
  font-size: 19px;
  line-height: 1.4;
  font-weight: 550;
  letter-spacing: -.02em;
  color: var(--editorial-ink);
  margin: 31px 0 14px;
}
.blog-article-page .blog-article-body > p:first-child {
  font-size: 20px;
  line-height: 1.75;
  color: #dedbd1;
}
.blog-article-page .blog-original-figure figcaption,
.blog-article-page .blog-figure-data summary,
.blog-article-page .blog-research-note { font-size: 13px; line-height: 1.75; }
.blog-article-page .blog-methodology > div { font-size: 15px; line-height: 1.8; }
.blog-article-page .blog-cta h2 {
  font-family: var(--editorial-serif);
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -.02em;
  font-weight: 400;
  margin: 0 0 14px;
}

.blog-article-page .blog-result-table table {
  font-family: var(--editorial-sans);
  font-size: 15px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
.blog-article-page .blog-result-table tbody th { font-weight: 500; }
.blog-article-page .blog-result-table tbody td { font-weight: 400; }
.blog-article-page .blog-result-table thead th { font-size: 12px; font-weight: 450; }
.blog-13f.blog-article-page .research-table td,
.blog-13f.blog-article-page .research-table table[data-kind] td { font-size: 15px; }
.blog-13f.blog-article-page .research-table-title {
  font-size: 24px;
  line-height: 1.23;
  letter-spacing: -.035em;
  font-weight: 550;
}
.blog-13f.blog-article-page .research-table-masthead { font-size: 11px; font-weight: 500; }
.blog-13f.blog-article-page .research-table-subtitle { font-size: 13px; line-height: 1.75; }

@media (max-width: 1100px) {
  .blog-article-page .blog-article-body h2 { font-size: 28px; }
}
@media (max-width: 900px) {
  .blog-article-page .blog-article-body > p:first-child { font-size: 19px; }
}
@media (max-width: 600px) {
  .blog-article-page .blog-article-header h1 {
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: -.045em;
  }
  .blog-article-page .blog-deck { font-size: 17px; }
  .blog-article-page .blog-article-body { font-size: 16px; line-height: 1.8; }
  .blog-article-page .blog-article-body > p:first-child { font-size: 18px; }
  .blog-article-page .blog-article-body h2 { font-size: 27px; line-height: 1.25; margin-top: 42px; }
  .blog-article-page .blog-article-body h3 { font-size: 18px; }
  .blog-article-page .blog-cta h2 { font-size: 28px; margin-top: 0; }
  .blog-article-page .blog-methodology > div { font-size: 14px; }
  .blog-13f.blog-article-page .research-table tbody th { font-size: 16px; }
  .blog-13f.blog-article-page .research-table td,
  .blog-13f.blog-article-page .research-table table[data-kind] td { font-size: 18px; }
  .blog-13f.blog-article-page .research-table table[data-kind="ideas"] td:nth-child(2),
  .blog-13f.blog-article-page .research-table table[data-kind="portfolio"] td:last-child { font-size: 15px; }
  .blog-13f.blog-article-page .research-table-title { font-size: 22px; }
}
@media (max-width: 360px) {
  .blog-article-page .blog-article-header h1 { font-size: 40px; }
}