.c-glist-w {
    margin : var(--margin-sm) 0 0 0;
    padding: 0;
}

.c-glist-c {
    display  : grid;
    grid-area: "a b""c d";
    gap      : var(--margin-xs);
    padding  : 0;
    margin   : var(--margin-sm) 0 0 0;
}

.c-glist-w>.c-glist-c {
    margin: 0;
}

.c-glist-c>li {
    display   : flex;
    list-style: none;
    margin    : 0;
    padding   : 0;
}

.c-glist-c>li>a {
    flex-grow    : 1;
    margin-top   : 0;
    margin-bottom: 0;
}

@media (min-width: 48rem) {
    .c-glist-c {
        grid             : "a b auto""c d auto";
        grid-auto-rows   : 1fr;
        grid-auto-columns: 1fr;
    }

    .c-glist-c.c-glist-2 {
        grid             : "a auto""d auto";
        grid-auto-rows   : 1fr;
        grid-auto-columns: 1fr;
    }

    .c-glist-c.c-glist-3 {
        grid             : "a b auto""c d auto";
        grid-auto-rows   : 1fr;
        grid-auto-columns: 1fr;
    }

    .c-glist-c.c-glist-4 {
        grid             : "a b c auto""d e f auto";
        grid-auto-rows   : 1fr;
        grid-auto-columns: 1fr;
    }

    .c-glist-c.c-glist-5 {
        grid             : "a b c d auto""e f g h auto";
        grid-auto-rows   : 1fr;
        grid-auto-columns: 1fr;
    }
}