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

        & .wompum-grid,
        & .wompum-article-grid {
            gap: 2px;
        }

        &--wide-gap .wompum-grid,
        &--wide-gap .wompum-article-grid {
            gap: 1rem;
        }

        &--no-gap .wompum-grid,
        &--no-gap .wompum-article-grid {
            gap: 0;
        }
    }

    &-grid,
    &-article-grid {
        display: grid;
        width: 100%;
    }

    &-cell {
        width: 100%;
        transition: background-color 0.3s ease;
        background-color: var(--sand-500);

        &--narrator {
            min-height: 35px;
        }

        &--subject {
            min-height: 40px;
        }

        &--facilitator {
            min-height: 35px;
        }
    }
}