/* ==========================================================================
   Component: Related Articles v1.0
   Reuses the shared .blog-card system. Maximum 3 items. Omit the whole
   component (in markup) rather than rendering it if fewer than 2 genuinely
   related articles exist - see Blog System v1.0 spec.
   ========================================================================== */

.related-articles{padding:48px 0 8px;border-top:1px solid var(--gray-300);margin-top:8px;}
.related-articles__inner{max-width:960px;margin:0 auto;}
.related-articles h2{color:var(--navy-950);font-size:1.3rem;font-weight:800;margin-bottom:22px;}
.related-articles .blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;}

@media (max-width:768px){
    .related-articles .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
    .related-articles .blog-grid{grid-template-columns:1fr;}
}