/* === Traducteur === */

.traducteur textarea {
    margin-bottom: 0.75rem;
    resize: vertical;
}

.traducteur #resultat:not(:empty) {
    margin-top: 1.25rem;
    padding: 1rem 1.25rem;
    font-family: var(--serif);
    font-size: 1.35rem;
    color: var(--mot);
    background-color: var(--surface-2);
    border-left: 4px solid var(--or);
    border-radius: 8px;
}

.traducteur .inconnu {
    font-family: var(--sans);
    font-size: 1rem;
    color: var(--encre);
    background-color: var(--surligne);
    padding: 0 0.3rem;
    border-radius: 4px;
}

.traducteur .aide {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: var(--encre-douce);
}