.blog-post-hero { padding-top: calc(clamp(var(--space-20),12vw,var(--space-32)) + 72px); }

.blog-post__body {
  max-width: var(--container-narrow);
  margin-inline: auto;
  padding-block: var(--space-16);
}

.blog-post__body h2 { margin-block: var(--space-8) var(--space-4); }
.blog-post__body h3 { margin-block: var(--space-6) var(--space-3); }
.blog-post__body p  { margin-bottom: var(--space-5); color: var(--color-text-secondary); line-height: var(--leading-loose); }
.blog-post__body ul { margin-bottom: var(--space-5); padding-inline-start: var(--space-6); }
.blog-post__body ul li { margin-bottom: var(--space-2); color: var(--color-text-secondary); list-style: disc; }

.blog-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  margin-bottom: var(--space-10);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}

.blog-post__cover {
  width: 100%;
  aspect-ratio: 16/7;
  object-fit: cover;
  border-radius: var(--radius-xl);
  margin-bottom: var(--space-10);
}