/* =====================================================================
   Client Forms & Portal — blog
   Loads after house.css, client-portal.css and the shared
   /css/blog.css. The article layout picks up this product's tokens on
   its own; only the CTA panel hardcodes Email Inbox's navy, so it gets
   the product's dark band here, as Time Tracking's blog does.
   ===================================================================== */

.article-cta {
  background: linear-gradient(135deg, var(--band-1) 0%, var(--band-2) 58%, var(--band-3) 100%);
  color: #D5DCE4;
}
.article-cta p { color: #B4BFCB; }
.article-cta .fine { color: var(--band-muted); }
.article-cta .btn-primary { background: #fff; color: var(--primary-ink); }

/* Index: one featured card plus two. Three columns would leave an empty
   slot beside them, so wide screens keep two. */
@media (min-width: 1280px) {
  .blog-wide > .post-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-wide > .post-grid .post-card.featured { grid-column: span 2; }
}