.blog-post-title {
  width: 100%;
  max-width: var(--max-width, 1700px);
  margin: 32px auto 0;
  padding: 0 var(--horizontal-padding-mobile, 16px);
  text-align: center;
}

@media (min-width: 1200px) {
  .blog-post-title {
    padding: 0 var(--horizontal-padding, 30px);
  }
}

.blog-post__title {
  color: var(--color-primary);
  margin-bottom: 8px;
}

.blog-post__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: calc(var(--font-size-regular) - 2px);
  line-height: var(--font-height-lg);
  color: var(--color-outline);
}

.blog-post__featured-image-wrapper {
  margin: 24px 0;
}

.blog-post__featured-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
}

.blog-post-content {
  width: 100%;
  max-width: var(--max-width, 1700px);
  margin: 0 auto;
  padding: 32px var(--horizontal-padding-mobile, 16px);
}

@media (min-width: 1200px) {
  .blog-post-content {
    padding: 32px var(--horizontal-padding, 30px);
  }
}

.blog-post__content {
  color: var(--color-secondary);
  line-height: var(--font-height-lg);
}

.blog-post__content img {
  max-width: 100%;
  height: auto;
}