.blog-page .site-main {
  width: min(100%, var(--content-width));
}

.blog-archive {
  padding-top: var(--space-10);
}

.blog-archive .section-heading h1 {
  color: var(--color-text);
  font-size: var(--font-size-section);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

.blog-list {
  display: grid;
  gap: var(--space-4);
}

.blog-list .blog-card {
  min-height: 15rem;
}

.blog-list .blog-card__topline {
  justify-content: flex-end;
}

.blog-list .blog-card__title {
  margin-top: var(--space-6);
  font-size: clamp(1.35rem, 3vw, 2rem);
}

@media (max-width: 47.99rem) {
  .blog-archive {
    padding-top: var(--space-6);
  }
}