/* =====================================================================
   SLA Alerts — blog
   Loads after house.css, sla-alerts.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 cherry band here,
   the same surface as the product page's closing CTA.
   ===================================================================== */

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

/* Index: one featured card plus two. The featured card takes the full row
   wherever there are two or three columns, so the other two share the
   next row instead of one of them sitting alone. */
@media (min-width: 768px) {
  .blog-wide > .post-grid .post-card.featured { grid-column: span 2; }
}
@media (min-width: 1280px) {
  .blog-wide > .post-grid { grid-template-columns: repeat(2, 1fr); }
}

.article figure { margin: 8px 0 22px; }
.article figure img { display: block; width: 100%; height: auto; margin: 0; }
.article figcaption { font-size: 14px; color: var(--body); margin-top: 8px; }