/* Keep the original organization styling; only arrange the two groups. */
#organization.board-directory .board-groups {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    align-items: start;
    margin-bottom: 32px;
}

#organization.board-directory .board-group {
    min-width: 0;
}

#organization.board-directory .board-group-title {
    margin: 0 0 24px;
    color: var(--blue);
    font-size: 1.25rem;
    font-weight: 600;
}

#organization.board-directory .board-group #organization-item {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
}

#organization.board-directory .board-group #organization-item #organization-item-img,
#organization.board-directory .board-group #organization-item #organization-item-text {
    float: none;
    min-width: 0;
}

#organization.board-directory .board-group #organization-item #organization-item-img img {
    margin-right: 0;
}

#organization.board-directory .board-group #organization-item #organization-item-text {
    overflow-wrap: break-word;
}

@media (min-width: 1200px) {
    #organization.board-directory .board-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
