/* Estilos de la página de comprobaciones. Van en archivo aparte, y no en línea, porque la CSP del sitio publicado no admite estilos en línea. */
body { margin: 0 auto; padding: 3rem 1.5rem; max-width: 50rem; background: #05070f; color: #e9ecf5;
       font: 15px/1.6 Inter, system-ui, sans-serif; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1rem; color: #8a93a6; margin: 2rem 0 .5rem; text-transform: uppercase; letter-spacing: .06em; }
p { margin: .15rem 0; }
small { color: #ff7b72; }
.bien { color: #7ee787; }
.mal { color: #ff7b72; font-weight: 600; }
#resumen { font-size: 1.2rem; padding: 1rem; border: 1px solid #232a3a; border-radius: .5rem; }
.volver { color: #73bfff; text-decoration: none; }
.entradilla { color: #8a93a6; }

/* Mientras corren: el contador, la barra (sin valor, animada, mientras cargan
   los módulos) y la prueba en curso. */
.trabajando { color: #e9ecf5; }
#progreso { display: block; width: 100%; height: .35rem; margin: .7rem 0 0; accent-color: #73bfff; }
#progreso[hidden] { display: none; }
.ahora { color: #8a93a6; font-size: .85rem; min-height: 1.4em; margin-top: .4rem;
         overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }