/* ===== Специфика learn ===== */
#en {
    color: blue;
    font-size: 44px;
    font-weight: 500;
    margin: 8px 0;
    word-wrap: break-word;
}
@media (max-width: 770px) {
    #en { font-size: 30px; margin: 4px 0; }
}

#result {
    color: #0d6efd;
    font-size: 44px;
    font-weight: 500;
    min-height: 60px;
    margin: 8px 0;
    word-wrap: break-word;
}
@media (max-width: 770px) {
    #result { font-size: 30px; margin: 4px 0; min-height: 44px; }
}

#result .placeholder-result {
    color: #adb5bd;
    font-weight: 400;
}

.btn-letter {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.8rem 0.4rem;
    width: 100%;
}
@media (max-width: 770px) {
    .btn-letter { font-size: 1.4rem; padding: 0.6rem 0.3rem; }
}

.word-done-ru {
    color: green;
    font-size: 44px;
    font-weight: 500;
}
.word-done-en {
    color: blue;
    font-size: 44px;
    font-weight: 500;
}
@media (max-width: 770px) {
    .word-done-ru, .word-done-en { font-size: 30px; }
}

/* ===== Кнопка «Слушать» (learn) ===== */
.listen-wrapper {
    margin-top: 28px;      /* отступ сверху, от картинки */
    margin-bottom: 14px;   /* отступ снизу, до русского слова */
}
.listen-wrapper .btn {
    font-size: 1.3rem;
    padding: 0.65rem 1.8rem;
    font-weight: 500;
}

/* Адаптив для планшетов и телефонов */
@media (max-width: 1200px) {
    .listen-wrapper {
        margin-top: 18px;
        margin-bottom: 10px;
    }
    .listen-wrapper .btn {
        font-size: 1.2rem;
        padding: 0.6rem 1.5rem;
    }
}
@media (max-width: 770px) {
    .listen-wrapper {
        margin-top: 14px;
        margin-bottom: 8px;
    }
    .listen-wrapper .btn {
        font-size: 1.1rem;
        padding: 0.55rem 1.2rem;
    }
}