@media (max-width: 767px) {
    .a-lesson-theme__descr .link {
        display: none;
    }
}


.cm-scroller {
    margin-bottom: 100px;
}

.cm-content,
.cm-line,
.cm-gutterElement {
    font-size: 18px; /* или любой нужный размер */
    font-family: 'Fira Code', 'Consolas', 'Monaco', monospace; /* опционально: шрифт */
}

.cm-tooltip-autocomplete {
    font-size: 18px !important;
    line-height: 1.8;
}

.cm-tooltip-autocomplete .cm-completionLabel {
    font-size: 15px;
}

.cm-tooltip-autocomplete .cm-completionDetail {
    font-size: 13px; /* мелкий текст справа (тип, документация) */
}


.a-editor-field__text--dark {
    white-space: pre-line;
}

.a-editor-spoiler__content {
    white-space: pre-line;
}

.underline-link {
    /* Убираем стандартное подчёркивание */
    text-decoration: none;

    /* Делаем подчёркивание вручную через border-bottom */
    border-bottom: 3px solid white;

    /* Важно: делаем элемент inline-block, чтобы border-bottom был только под текстом */
    display: inline-block;

    /* Необязательно: отступ между текстом и линией */
    padding-bottom: 4px;

    /* Опционально: плавкое изменение при hover (если нужно) */
    transition: border-color 0.2s ease;
}

/* Дополнительно: если хочется hover-эффект */
.underline-link:hover {
    border-bottom-color: rgba(255, 255, 255, 0.7); /* чуть прозрачнее при наведении */
}

.lazy-iframe-container {
    position: relative;
    width: 100%;
    max-width: 1400px; /* Ограничение по максимуму */
    margin: 0 auto; /* Центрирование */
}

.lazy-iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1400 / 780; /* Сохраняет пропорции 16:9 */
    border: none;
    display: block;
    margin: 0;
}

.a-training-chat-message__content{
    white-space: pre-line;
}

.homework_photo {
    width: 20%;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
    cursor: pointer; /* Указатель при наведении */
}

img.homework_photo:hover {
    /*width: 80%; !* Увеличение при наведении *!*/
}

.enlarged {
    width: 100%; /* Увеличение при нажатии */
}