:root {
  
  --fsans:  var(--grotesk);
  --fserif: var(--grotesk);
  --fcaps:  var(--sub);
}

body::before { display: none !important; }

.scroll-area { background: var(--bg); z-index: 1; }

.scroll-area > .container {
  max-width: 82.5rem;
  margin-inline: auto;
  
  padding-inline: var(--margin);
  padding-top: 7rem; 
  box-sizing: border-box;
}
.scroll-area > .container { --max-content-width: 51.25rem; }

body,
.post-title, .post-subtitle, .post-eyebrow, .post-date, .draft-note,
.post-body, .post-body p, .post-body li, .post-body blockquote,
.post-body h2, .post-body h2 .num, .post-body h2 .title, .post-body h3, .post-body h4,
.toc, .toc-label, .toc a, .toc-num,
.fig-embed, .fig-embed .caption, .fig-embed .fig-label, .fig-embed .fig-label .title,
.fig-embed .legend, .data-table, .data-table th, .data-table td,
.sidenote, .sidenote p, .sidenote-label {
  font-family: var(--grotesk);
}

.fig-embed text { font-family: var(--grotesk); }

.post-body > p:first-of-type::first-letter {
  font-size: inherit; float: none; line-height: inherit;
  margin: 0; padding: 0 0.02em 0 0; font-weight: inherit;
  color: inherit; font-family: inherit;
}

.post-body a { color: var(--signal-text); text-underline-offset: 0.125rem; }
.post-body a:hover { color: var(--signal-hi); }