/*
 * downloads-v2.css
 * Page-specific styles for the rebuilt /downloads/ listing. Builds on
 * core.css's .c-row, .c-col-N, and .c-card - only the download-specific
 * card meta (button + upload date) needs its own rules.
 */

.c-downloads-grid {
    grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 900px) {
    .c-downloads-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {
    .c-downloads-grid {
        grid-template-columns: 1fr;
    }
}

.c-download-card {
    height: 100%;
}

.c-download-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--c-space-2);
    margin-top: var(--c-space-3);
}

.c-download-card__meta .c-text-muted {
    font-size: 12px;
}