.downloads {
    --downloads-line: rgba(37, 48, 129, .28);
    --downloads-line-on-blue: rgba(255, 255, 255, .32);

    padding-block: 3.5rem;
}

.downloads + .downloads {
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.downloads-title {
    margin: 0 0 0.5rem;
    color: var(--color-primary);
}

.downloads-hint {
    margin: 0 0 2rem;
    max-width: 60ch;
    color: rgba(0, 0, 0, .55);
    font-weight: 500;
}

ul.downloads-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 38.75rem) {
    ul.downloads-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 62.5rem) {
    ul.downloads-list {
        grid-template-columns: repeat(4, 1fr);
    }
}