:root {
    
    --medida-lectura: 70ch;
}

.lesson-content,
.texto-de-estudio {
    font-family: var(--tipo-lectura);
    
    max-width: var(--medida-lectura);
    margin-inline: auto;
    font-size: var(--t-l);
    line-height: 1.72;
    color: var(--tinta);
    text-align: justify;
    hyphens: auto;          
    -webkit-hyphens: auto;
}


.lesson-content:lang(zh),
.texto-de-estudio:lang(zh) {
    font-family: var(--tipo-lectura-zh);
    text-align: left;
    hyphens: none;
}

.lesson-content h2,
.lesson-content h3,
.texto-de-estudio h2,
.texto-de-estudio h3 {
    font-family: var(--tipo-lectura);
    color: var(--tinta);
    font-weight: 600;
    border-left: none;
    padding-left: 0;
    text-align: left;
    hyphens: none;
}

.lesson-content h2,
.texto-de-estudio h2 { font-size: var(--t-2xl);  margin: 2.75rem 0 .85rem; }

.lesson-content h3,
.texto-de-estudio h3 { font-size: var(--t-xl); margin: 2.25rem 0 .7rem; }

.lesson-content p,
.texto-de-estudio p { margin-bottom: 0.9em; }


.lesson-content > p:first-of-type::first-letter,
.lesson-content > h2:first-child + p::first-letter,
.texto-de-estudio > p:first-of-type::first-letter,
.texto-de-estudio > h2:first-child + p::first-letter {
    float: left;
    font-size: 3.1em;
    line-height: .84;
    padding: .06em .09em 0 0;
    color: var(--primary-color);
    font-weight: 600;
}

.lesson-content:lang(zh) > p:first-of-type::first-letter,
.texto-de-estudio:lang(zh) > p:first-of-type::first-letter {
    float: none;
    font-size: inherit;
}

.lesson-content blockquote,
.texto-de-estudio blockquote {
    border-left: 2px solid var(--accent-color);
    background: none;
    padding: .25rem 0 .25rem 1.25rem;
    margin: 1.75rem 0;
    border-radius: 0;
    font-style: italic;
    color: var(--gray-600);
}