.home-cards{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}
.home-cards--recipes > *{grid-column:span 4}
.home-cards--articles > *{grid-column:span 6}
@media(max-width:768px){
  .home-cards > *{grid-column:1 / -1}
}
/* Optional badge */
.recipe-card .badge{
  position:absolute;inset-inline-start:10px;inset-block-start:10px;
  background:var(--accent,#2a7f62);color:#fff;padding:4px 8px;border-radius:999px;font-size:.72rem
}
.article-card .article-image{position:relative}