/* ===== BLOG CARD OVERRIDES ===== */
.blog-card__img { height: 200px; object-fit: cover; }
.blog-card__body { padding: 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.blog-card__title { line-height: 1.3; }
@media (min-width: 768px) { .blog-card__title { font-size: 22px; } }

/* ===== BLOG POST PAGE ===== */
.blog-post__img {
  width: 100%;
  border-radius: 16px;
  margin: 0 auto 30px;
  max-height: 400px;
  object-fit: cover;
}

.blog-post__title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 8px;
  text-align: center;
}
@media (min-width: 768px) { .blog-post__title { font-size: 40px; } }

.blog-post__subtitle {
  font-size: 18px;
  line-height: 1.5;
  color: rgba(255,255,255,0.65);
  text-align: center;
  margin: 0 0 30px;
}
@media (min-width: 768px) { .blog-post__subtitle { font-size: 20px; } }

/* blog-post__content now uses .prose DS component for typography */
.blog-post__content a { text-decoration: underline; }