/* El lector usa los mismos tokens de la app. */
[hidden]{display:none!important}
body.modo-lector::before,body.modo-lector::after{display:none}
body.modo-lector .step{animation:none}
.modo-lector .lector{overflow-wrap:anywhere}
.modo-lector .oir-audio,.modo-lector .voz-bloque,.modo-lector .oir-frase,.modo-lector .chip-filtro,.modo-lector .ficha{min-width:44px;min-height:44px}
.lector-apartados{max-width:68ch;margin:26px auto 4px;display:flex;flex-wrap:wrap;align-items:end;gap:10px 22px}
.lector-elegir{display:grid;gap:5px;flex:1 1 260px;font-family:var(--sg);font-size:.82rem;color:var(--fiordo)}
.lector-elegir select{width:100%;min-height:46px;padding:8px 12px;border:1px solid var(--linea-clara);border-radius:16px;background:var(--nieve);color:var(--noche);font-size:1rem}
.lector-vista{min-height:46px;background:none;border:0;color:var(--fiordo);font-family:var(--sg);font-size:.82rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.lector-aviso{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.lector-por-pasos .lector-seccion{padding-top:30px}
.lector-por-pasos .lector-seccion>h2{display:block}
.lector-por-pasos .lector-seccion>h2::before{display:none}
.lector-por-pasos .lector h2:focus,.lector-por-pasos .lector h3:focus{outline:none}
.lector-continuar{position:fixed;bottom:0;left:0;right:0;z-index:65;background:var(--nieve);border-top:1px solid var(--linea-clara);padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.lector-continuar-interior{max-width:var(--ancho);padding:0 24px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
.lector-continuar .btn{min-width:0;min-height:50px;margin:0;font-size:.94rem;padding:10px 18px}
.lector-continuar .lector-siguiente{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.3}
.lector-siguiente small{font-family:var(--sg);font-size:.7rem;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lector-por-pasos #app{padding-bottom:155px;z-index:2}
.lector-por-pasos footer{padding-bottom:110px}
.lector-teclado .lector-continuar{display:none}
.carga-leccion{padding:36px 0;min-height:60svh}
.carga-leccion h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:30px 0 18px}
.carga-leccion p{color:var(--fiordo);font-family:var(--sg)}
@media(max-width:640px){
 .lector-continuar-interior{padding:0;gap:8px}
 .lector-continuar .btn{padding:10px 13px}
 .lector-apartados{gap:5px 16px}
 .lector-elegir{flex-basis:100%}
 .lector-vista{min-height:44px}
 .modo-lector input:not([type=checkbox]):not([type=radio]),.modo-lector select,.modo-lector textarea{font-size:16px!important}
 .modo-lector .oir-frase{min-height:44px;touch-action:manipulation}
 .modo-lector button{touch-action:manipulation}
 .modo-lector button.ficha,.modo-lector button.tarjeta.no{touch-action:none}
 .modo-lector .lesson-bar{margin-bottom:24px}
}

/* Claridad de las instrucciones y navegación dentro de una tanda. */
.ejercicio-cab{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.ejercicio-cab .ejercicio-anterior{font-family:var(--sg);font-size:.78rem;letter-spacing:0;text-transform:none;min-height:44px;padding:8px 12px;margin:0}
.ejercicio[hidden]{display:none!important}
.ejercicio .ejercicio-situacion{font-family:var(--sg);font-size:.92rem;line-height:1.5;color:var(--tinta-suave);margin:16px 0}
.ejercicio .ejercicio-traduccion{font-size:1.16rem;line-height:1.5;margin:8px 0 16px}
/* Recuadro con tinte, sin filete lateral (ESTILO.md, «Componentes»). */
.ejercicio .ejercicio-instruccion{font-family:var(--sg);font-size:.94rem;line-height:1.55;padding:12px 16px;background:rgba(63,203,148,.1);border-radius:14px;margin:14px 0}