.dashboard-shell {
    grid-template-columns: 280px minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.dashboard-shell > * {
    min-width: 0;
}

.learn-lesson {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    min-width: 0;
}

.learn-lesson > span:nth-child(2),
.quiz-box {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .dashboard-shell,
    .lesson-shell {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .dashboard-side,
    .dashboard-main,
    .lesson-nav,
    .lesson-content {
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .learn-lesson {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .learn-lesson > small {
        grid-column: 2;
    }
}