/* Zone texte */
    .texte-eo {
        margin-top: 0px;
        flex: 1 1 0;
        min-height: 0;
        height: 100%;
        /* bottom:20px; */
        /* 🔑 OBLIGATOIRE en flex */
        /* overflow-y: auto; */
        overflow: hidden; /* le scroll est dans le textarea */
        padding-right: 0px;
        padding-left: 0px;
        scroll-behavior: smooth;
        flex: 1 1 auto;
        display: flex;
        /* ⬅️ clé */
        flex-direction: column;
        /* titre au-dessus du texte */
        /* ⬅️ autorise le calcul flex */
        min-width: 0;
        /* ⬅️ OBLIGATOIRE */
        /* ⬅️ TRÈS IMPORTANT en flex */
    }

    .texte-eo h3,
    .texte-eo p {
        width: 100%;
        box-sizing: border-box;
    }

    .texte-eo-input {
        width: 100%;
        margin-top: 4px;
        /* min-height: 120px;
        max-height: 100%; */
        height: 28px;
        /* resize: vertical; */
        padding: 10px;
        font-family: inherit;
        font-size: 14px;
        line-height: 1.4;
        border-radius: 8px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .texte-eo-input:focus {
        outline: none;
        border-color: #5b9cff;
        box-shadow: 0 0 0 2px rgba(91, 156, 255, 0.2);
    }

    .texte-eo-textarea {
        width: 100%;
        margin-top: 4px;
        /* min-height: 120px;
        max-height: 100%; */
        height: 320px;
        /* resize: vertical; */
        resize: none;
        /* autorisé mais contrôlé */
        padding: 10px;
        font-family: inherit;
        font-size: 14px;
        line-height: 1.4;
        border-radius: 8px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .texte-eo-textarea:focus {
        outline: none;
        border-color: #5b9cff;
        box-shadow: 0 0 0 2px rgba(91, 156, 255, 0.2);
    }