/* Lista de preguntas de comprobación de una lectura dentro de un resultado
   (la genera answer-text.js: readingReviewHtml). Se comparte entre el detalle
   del profesor, el del alumno y la página de resultados. Solo tokens. */
.cqr { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.cqr-item {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 12px; border-radius: var(--radius);
    background: var(--surface); border: 1px solid var(--border-light);
}
.cqr-item.ok { border-color: var(--success); background: var(--success-bg); }
.cqr-item.bad { border-color: var(--danger); background: var(--danger-bg); }
.cqr-item.pending { border-color: var(--warning); background: var(--warning-bg); }
.cqr-num {
    flex: 0 0 auto; width: 24px; height: 24px; border-radius: var(--radius-sm);
    display: grid; place-items: center; font-size: 12px; font-weight: 700;
    background: var(--surface-2); color: var(--text-secondary);
}
.cqr-item.ok .cqr-num { background: var(--success); color: var(--on-primary); }
.cqr-item.bad .cqr-num { background: var(--danger); color: var(--on-primary); }
.cqr-item.pending .cqr-num { background: var(--warning); color: var(--on-primary); }
.cqr-body { flex: 1; min-width: 0; }
.cqr-q { font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.4; overflow-wrap: anywhere; }
.cqr-a { font-size: 14px; color: var(--text); margin-top: 4px; overflow-wrap: anywhere; }
.cqr-a > span:first-child { color: var(--muted); font-weight: 700; font-size: 12px; }
.cqr-a i { margin-left: 4px; }
.cqr-item.ok .cqr-a i { color: var(--success); }
.cqr-item.bad .cqr-a i { color: var(--danger); }
.cqr-item.pending .cqr-a i { color: var(--warning); }
.cqr-pts { margin-left: 8px; font-size: 12px; font-weight: 700; color: var(--muted); }
.cqr-sample { font-size: 13px; color: var(--text-secondary); margin-top: 4px; overflow-wrap: anywhere; }
.cqr-sample > span { font-weight: 700; }

/* Palabra marcada por el alumno cuando no hay clave con qué compararla
   (el jugador del alumno no recibe la clave): resaltada, sin veredicto. */
.rv-mw.selected, .sq-mw.selected { background: var(--primary-tint); border-radius: 3px; padding: 0 3px; }