.blog-page { padding-top: var(--nav-height); }
.blog-hero {
  padding: clamp(72px, 10vw, 130px) 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(120,193,154,0.3), transparent 32%),
    linear-gradient(135deg, #eff8f3, #f7f8f8 55%, #e6eff1);
}
.blog-hero h1 { text-transform: none; font-size: clamp(2.5rem, 7vw, 5rem); margin: 8px 0 18px; }
.blog-hero p { max-width: 720px; font-size: 1.15rem; }
.blog-main { min-height: 420px; }
.blog-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e7ecef; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 34px rgba(43,66,81,0.08); }
.blog-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #edf2f2; }
.blog-card-placeholder { aspect-ratio: 16 / 9; background: linear-gradient(135deg, #dff2e8, #dce7ec); display: grid; place-items: center; color: var(--laca-gray-blue); font-family: 'MuseoSans-900',sans-serif; font-size: 2rem; }
.blog-card-body { padding: 26px; display: flex; flex-direction: column; flex: 1; }
.blog-card-meta, .article-meta { color: var(--laca-green-hover); font: 0.76rem 'MuseoSans-700',sans-serif; text-transform: uppercase; letter-spacing: .6px; }
.blog-card h2 { text-transform: none; font-size: 1.45rem; margin: 10px 0 12px; }
.blog-card p { flex: 1; margin-bottom: 20px; }
.blog-card a { font-family: 'MuseoSans-700',sans-serif; }
.blog-state { grid-column: 1 / -1; text-align: center; padding: 80px 20px; }
.blog-community-cta { background: var(--laca-gray-blue); color: rgba(255,255,255,.8); padding: 56px 0; }
.blog-community-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.blog-community-cta h2 { color: #fff; text-transform: none; margin: 5px 0 8px; }
.blog-footer { padding: 20px 0; }
.blog-footer .footer-bottom { margin-top: 0; display: flex; justify-content: space-between; gap: 20px; }
.article-shell { min-height: 60vh; padding: 70px 0 90px; }
.article-container { max-width: 850px; }
.article-back { display: inline-block; margin-bottom: 34px; font-family: 'MuseoSans-700',sans-serif; }
.article-header h1 { text-transform: none; font-size: clamp(2.3rem, 6vw, 4.5rem); margin: 14px 0 20px; }
.article-excerpt { font-size: 1.2rem; line-height: 1.7; color: var(--laca-gray-blue); }
.article-cover { width: 100%; max-height: 480px; object-fit: cover; border-radius: 20px; margin: 38px 0; }
.article-content { font-family: 'MuseoSans-500',sans-serif; font-size: 1.06rem; line-height: 1.9; color: #4f5e68; }
.article-content p { margin: 0 0 22px; }
.article-content h2 { text-transform: none; font-size: 1.65rem; margin: 38px 0 14px; }
.article-content a { text-decoration: underline; }
@media (max-width: 900px) {
  .blog-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .blog-nav-links { display: none; }
  .blog-list-grid { grid-template-columns: 1fr; }
  .blog-community-cta .container { align-items: flex-start; flex-direction: column; }
  .blog-community-cta .btn { width: 100%; }
  .blog-footer .footer-bottom { align-items: flex-start; flex-direction: column; }
}