/* ================================================================
   EffiQ Theme — Blog
   Blog archive layout, featured article, newsletter strip.
   Populated from inline styles extracted from archive.php / home.php.
   Loaded on blog index and archive pages.
================================================================ */

/* ── FEATURED ARTICLE ───────────────────────────────────────────── */
.feat-article { background: var(--gy); border: 1px solid var(--bd); border-radius: 16px; padding: 52px; margin-bottom: 24px; position: relative; overflow: hidden; }
.feat-bar     { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--bl), #7BAEF8); }
.feat-grid    { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.feat-title   { font-size: 22px; margin-bottom: 12px; line-height: 1.2; }
.feat-excerpt { background: var(--wh); padding: 24px; border-radius: 12px; border: 1px solid var(--bd); }
.feat-meta    { display: flex; gap: 14px; align-items: center; }
.feat-author  { font-family: var(--fh); font-size: 13px; font-weight: 700; }
.feat-date    { font-size: 12px; color: var(--lt); }

/* ── EMPTY STATE ────────────────────────────────────────────────── */
.blog-empty   { text-align: center; padding: 80px 20px; color: var(--lt); }

/* ── RESPONSIVE ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .feat-article { padding: 32px; }
  .feat-grid    { grid-template-columns: 1fr; }
}