/* Preserve readable rubric columns on narrow screens. Moodle already exposes
   the criteria container as a scrolling region; this prevents destructive
   word-by-word compression inside that region. */
@media (max-width: 767.98px) {
    .gradingform_rubric .criteria {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .gradingform_rubric .criterion {
        min-width: 760px;
        overflow: visible;
    }

    .gradingform_rubric .criterion .description {
        min-width: 180px;
        width: 180px;
    }

    .gradingform_rubric .criterion .levels .level {
        min-width: 140px;
        max-width: none;
        overflow-wrap: normal;
        word-break: normal;
    }
}

.local-edukiiacert-table {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.local-edukiiacert-table table {
    min-width: 720px;
}

.local-edukiiacert-table:focus-visible {
    outline: 3px solid #0f6fc5;
    outline-offset: 2px;
}

.gradingform_rubric .criteria:focus-visible {
    outline: 3px solid #0f6fc5;
    outline-offset: 2px;
}