/* Blog page styles */
.blog-hero {
  padding: calc(var(--header-h) + 60px) 0 60px;
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0,255,135,0.06) 0%, transparent 70%);
  text-align: center;
}

.blog-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 16px; }
.blog-hero p { font-size: 1rem; color: var(--text-muted); max-width: 500px; margin: 0 auto; }

.blog-main { padding: 60px 0 80px; }

.blog-full-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 28px;
}

@media (max-width: 480px) {
  .blog-full-grid { grid-template-columns: 1fr; }
}