/* Article component — long-form prose layout. */

.article {
  max-width: 50rem;
  margin: 5rem 0 20rem;
  padding: 0 var(--space-12);
  margin-left: calc(var(--sidebar-width) + var(--space-8));
}

.article h1 {
  font-size: var(--fs-5xl);
  font-weight: var(--fw-regular);
  font-family: var(--font-playfair-display);
  margin: var(--space-4) 0;
}

.article h2 {
  font-family: var(--font-barlow);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--ink-7);
  margin: var(--space-12) 0 var(--space-3);
}

.article p,
.article li {
  font-size: var(--fs-xl);
  line-height: 2;
  margin: var(--space-4) 0;
}

.article p strong,
.article li strong {
  font-size: 0.925em;
  font-weight: var(--fw-semi);
}

.article ol,
.article ul {
  padding: 0 0 0 var(--space-8);
}