/* =====================================================================
   Time Tracking for Trello — blog
   Loads after house.css, time-tracking.css and the shared
   /css/blog.css. The article layout comes from blog.css
   and picks up this product's tokens on its own; only the CTA panel
   hardcodes Email Inbox's navy, so it gets the graphite band here.
   ===================================================================== */

.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 four. Three columns would leave the fifth
   alone on its row, 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; }
}