/* ============================================================
   Blog Index page
   ============================================================ */
.blog-hero { padding-block: clamp(40px, 6vw, 88px) clamp(28px, 3vw, 44px); }

/* Featured post */
.feature-post { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(24px, 3vw, 48px); padding: clamp(16px, 2vw, 24px); align-items: center; overflow: hidden; }
.feature-cover { aspect-ratio: 16 / 11; border-radius: 22px; background: var(--surface-2); }
.feature-body { padding: 8px 16px 8px 8px; }

/* 3-up grid */
.blog-grid-3 { grid-template-columns: repeat(3, 1fr); }

/* Newsletter form (mirrors blog.css) */
.cta-news { display: flex; gap: 10px; margin-top: 30px; max-width: 460px; background: rgba(255,255,255,0.08); padding: 7px; border-radius: var(--r-pill); }
.cta-news input { flex: 1; background: none; border: none; color: #fff; padding: 10px 18px; font-family: inherit; font-size: 1rem; outline: none; }
.cta-news input::placeholder { color: rgba(255,255,255,0.5); }

@media (max-width: 940px) {
  .feature-post { grid-template-columns: 1fr; }
  .blog-grid-3 { grid-template-columns: 1fr 1fr; }
  .cta-news { flex-direction: column; background: none; padding: 0; }
  .cta-news input { background: rgba(255,255,255,0.08); border-radius: var(--r-pill); }
}
@media (max-width: 600px) {
  .blog-grid-3 { grid-template-columns: 1fr; }
}