.wompum {
    &-container {
        width: 100%;
        margin: 0 auto;
    }

    &-grid {
        display: grid;
        gap: 0;
        padding: 0;
        width: 100%;
    }

    .single-default &-grid,
    .single-article &-grid {
        gap: 1rem;
    }

    &-cell {
        width: 100%;
        min-height: 30px;
        background-color: var(--sand-500);

        // Create pseudo-random pattern using prime numbers
        &:nth-child(7n+1) {
            background-color: var(--sand-100);
        }

        &:nth-child(5n+2) {
            background-color: var(--sand-900);
        }

        &:nth-child(11n+3) {
            background-color: var(--sand-500);
        }
    }
}