/* ==========================================================================
   Component: Article Contextual CTA v1.0
   Reused mid-article (after ~40-60% of a long article) and as the final
   article CTA. Destination varies by article topic - see the category
   modifier classes and the Blog System v1.0 spec's routing table.
   ========================================================================== */

.article-cta{
    max-width:760px;margin:40px auto;padding:32px 34px;border-radius:16px;
    background:var(--navy-950);color:var(--white);
}
.article-cta__eyebrow{color:var(--teal-300);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;}
.article-cta h3{color:var(--white);font-size:1.25rem;font-weight:800;margin-bottom:10px;line-height:1.3;}
.article-cta p{color:var(--gray-300);font-size:.95rem;line-height:1.6;margin-bottom:20px;}

/* Final CTA (end of article) uses the same shared gradient treatment as the
   rest of the site's closing CTAs, per component reuse. */
.article-cta--final{background:linear-gradient(135deg,var(--navy-950) 0%,var(--navy-800) 100%);text-align:center;}
.article-cta--final .article-cta__eyebrow,.article-cta--final p{margin-left:auto;margin-right:auto;}
.article-cta--final p{max-width:520px;}

@media (max-width:640px){
    .article-cta{padding:26px 24px;}
    .article-cta .btn{width:100%;text-align:center;justify-content:center;}
}