/* Scoped utility-like helpers — not a full Bootstrap load */
.r7lms-root .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.75rem;
}

.r7lms-root .col,
.r7lms-root .col-12,
.r7lms-root .col-md-6 {
        padding: 0 0.75rem;
        width: 100%;
}

@media (min-width: 768px) {
        .r7lms-root .col-md-6 {
                width: 50%;
        }
}