/*
 * SomGeek editorial categories
 */

.sg-platforms.sg-rubrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 0;
}

.sg-platforms.sg-rubrics a {
    min-height: 64px;
    padding: 12px 16px;
    text-align: center;
    border-right: 1px solid var(--sg-border);
    border-bottom: 1px solid var(--sg-border);
}

.sg-platforms.sg-rubrics a:nth-child(4n) {
    border-right: 0;
}

.sg-platforms.sg-rubrics a:nth-last-child(-n + 3) {
    border-bottom: 0;
}

@media (max-width: 1180px) {
    .sg-platforms.sg-rubrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sg-platforms.sg-rubrics a:nth-child(4n) {
        border-right: 1px solid var(--sg-border);
    }

    .sg-platforms.sg-rubrics a:nth-child(3n) {
        border-right: 0;
    }

    .sg-platforms.sg-rubrics a:nth-last-child(-n + 3) {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .sg-platforms.sg-rubrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sg-platforms.sg-rubrics a:nth-child(3n) {
        border-right: 1px solid var(--sg-border);
    }

    .sg-platforms.sg-rubrics a:nth-child(2n) {
        border-right: 0;
    }

    .sg-platforms.sg-rubrics a:nth-last-child(-n + 3) {
        border-bottom: 1px solid var(--sg-border);
    }

    .sg-platforms.sg-rubrics a:last-child {
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .sg-platforms.sg-rubrics {
        grid-template-columns: 1fr;
    }

    .sg-platforms.sg-rubrics a,
    .sg-platforms.sg-rubrics a:nth-child(2n),
    .sg-platforms.sg-rubrics a:nth-child(3n),
    .sg-platforms.sg-rubrics a:nth-child(4n) {
        min-height: 56px;
        border-right: 0;
        border-bottom: 1px solid var(--sg-border);
    }

    .sg-platforms.sg-rubrics a:last-child {
        grid-column: auto;
        border-bottom: 0;
    }
}