.c-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 24px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: fit-content;
    max-width: 1250px;
}

.c-summary .c-summary__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 16em;
    grid-column: span 2;
}

.c-summary .c-summary__item .item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 96px;
    width: 104px;
    background: var(--cc-color-display-green-500);
}

.c-summary .c-summary__item .item__icon img {
    filter: saturate(0);
    max-width: 100%;
    max-height: 100%;
    padding: 16px;
}

.c-summary .c-summary__item .item__heading {
    /* @link https://utopia.fyi/clamp/calculator?a=320,1400,24—32 */
    font-size: clamp(24px, 21.6296px + 0.7407vw, 32px);
    font-family: var(--cc-font-family-secondary);
}

.c-summary .c-summary__item .item__text {
    margin: 0;
    max-width: 390px;
}

.c-summary .c-summary__item a.item__text {
    transition: color .3s ease-in-out;
    text-decoration: none;
    color: var(--cc-color-black-ish-500);
}

.c-summary .c-summary__item a.item__text svg {
    transition: stroke .3s ease-in-out;

    /* @link https://utopia.fyi/clamp/calculator?a=320,1400,16—24 */
    height: clamp(16px, 13.6296px + 0.7407vw, 24px);
    margin-bottom: -0.15em;
    stroke: var(--cc-color-black-ish-500);
}

.c-summary .c-summary__item a.item__text:hover,
.c-summary .c-summary__item a.item__text:focus-visible {
    color: var(--cc-color-display-green-500);
}

.c-summary .c-summary__item a.item__text:hover svg,
.c-summary .c-summary__item a.item__text:focus-visible svg {
    stroke: var(--cc-color-display-green-500);
}

@media (min-width: 32em) {
    .c-summary  {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .c-summary[rest-items="2"] .c-summary__item:last-child {
        grid-column: span 4;
    }
}

@media (min-width: 41em) {
    .c-summary  {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .c-summary[rest-items="2"] .c-summary__item:nth-last-child(1),
    .c-summary[rest-items="2"] .c-summary__item:nth-last-child(2) {
        grid-column: span 3;
    }

    .c-summary[rest-items="1"] .c-summary__item:last-child {
        grid-column: span 6;
    }
}