/* === SCORM wrapper (MudContainer) === */
.scorm-wrapper {
    width: 100%;
    max-width: 96vw;
    margin: 0 auto;
    overflow-x: hidden;
}

/* === Base iframe rules === */
#scormFrame {
    display: block;
    width: 100%;
    border: none;
}

/* === Regular SCORM (2:3) === */
.scorm-frame-regular {
    aspect-ratio: 2 / 3;
    max-height: 85dvh;
}

/* === Video SCORM (16:9) === */
.scorm-frame-video {
    aspect-ratio: 16 / 9;
    max-height: 85dvh;
}

/* === Mobile adjustments === */
@media (max-width: 768px) {
    .scorm-wrapper {
        max-width: 100%;
    }

    .scorm-frame-regular {
        max-height: 80dvh;
    }

    .scorm-frame-video {
        max-height: 45dvh;
    }

    .scorm-wrapper.mud-container--gutters {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .content-container:has(.scorm-frame-video) {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}