/* ============================================
   Article Grid Themed Component
   Extracted from layouts/partials/article-grid.html
   ============================================ */

/* Theme Variables */
.article-grid-themed {
    --grid-gap: var(--spacing-lg);
    --grid-columns: 2;
}

/* Core Grid Styles */
.article-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--grid-gap);
    margin-top: var(--spacing-lg);
}

@media (min-width: 768px) {
    .article-grid {
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}