/* Blog styles. Generated pages: /blog/ and /blog/<slug>/ */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 991px) { .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .blog-grid { grid-template-columns: minmax(0, 1fr); } }

.blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.blog-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
.blog-card_image { aspect-ratio: 3 / 2; overflow: hidden; background: #eef2f7; }
.blog-card_image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-card_body { display: flex; flex-direction: column; gap: .5rem; padding: 1.25rem; flex: 1; }
.blog-card_title { margin: 0; }
.blog-card_body p { margin: 0; }
.blog-card_more { margin-top: auto; padding-top: .5rem; font-weight: 600; color: #1d4ed8; }

.blog-meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-size: .875rem; opacity: .75; }
.blog-meta .tag { opacity: 1; }

.blog-post_container { max-width: 780px; }
.blog-back { display: inline-block; margin-bottom: 1.5rem; }
.blog-post_header { margin-bottom: 2rem; }
.blog-post_image { margin-bottom: 2rem; border-radius: 12px; overflow: hidden; }
.blog-post_image img { width: 100%; height: auto; display: block; }
.blog-post_body img { max-width: 100%; height: auto; }
.blog-post_cta { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.blog-empty { text-align: center; opacity: .7; }