.article-title {
  margin-bottom: var(--spacing-7);
  text-align: left;
  font-size: 48px;
  font-weight: 400;
}

.article-meta {
  margin-bottom: var(--spacing-7);
  text-align: left;
  color: var(--grey-400);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: var(--spacing-5);
}

.article-detail-image {
  margin-bottom: var(--spacing-7);
  object-fit: cover;
  border-radius: 5px;
}

.article-caption {
  border-top: 2px solid var(--teal-100);
  padding-top: var(--spacing-5);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  color: var(--grey-800);
}

.article-body {
  padding-top: var(--spacing-7);
  text-align: left;
  column-count: 2;
  column-gap: var(--spacing-6);
}