/* Deferred quiz interaction/non-critical CSS.
   Canonical initial paint lives in /site/templates/critical/paint/quiz-paint.css. */
.quiz-primary-button,.quiz-secondary-button{cursor:text}
.quiz-primary-button:hover:not(:disabled){background:var(--quiz-action-hover);border-color:var(--quiz-action-hover)}
.quiz-secondary-button:hover{border-color:var(--quiz-accent)}
.quiz-primary-button:disabled{cursor:not-allowed}
.quiz-primary-button:focus-visible,.quiz-secondary-button:focus-visible,.quiz-option:has(input:focus-visible),.quiz-fill-input:focus-visible,.quiz-fill-select:focus-visible,.quiz-word-bank-item:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:3px}
.quiz-option{cursor:pointer}
.quiz-option:hover{border-color:var(--quiz-accent)}
.quiz-option:has(input:disabled){cursor:not-allowed}
.quiz-word-bank-item{cursor:pointer}
.quiz-word-bank-item:hover:not(:disabled){border-color:var(--quiz-accent)}
.quiz-word-bank-item.is-used{border-style:dashed;color:var(--quiz-muted);-webkit-text-fill-color:var(--quiz-muted);text-decoration:line-through;opacity:.72}
.quiz-word-bank-item:disabled{cursor:not-allowed}
.quiz-fill-input{cursor:pointer}
.quiz-fill-input:focus{border-bottom-color:var(--quiz-accent)}
.quiz-fill-select{cursor:pointer}
.quiz-question.is-correct .quiz-question-feedback{color:var(--quiz-success)}
.quiz-question.is-incorrect .quiz-question-feedback{color:var(--quiz-danger)}
.quiz-arrange-token{cursor:pointer}
.quiz-arrange-token:hover:not(:disabled){border-color:var(--quiz-accent)}
.quiz-arrange-token:disabled{cursor:not-allowed}
.quiz-arrange-clear{cursor:pointer}
.quiz-arrange-clear:hover:not(:disabled){text-decoration:underline}
.quiz-arrange-token:focus-visible,.quiz-arrange-clear:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:3px}
.quiz-matching-item{cursor:pointer}
.quiz-matching-item:hover:not(:disabled){border-color:var(--quiz-accent)}
.quiz-matching-item.is-selected{border-color:var(--quiz-accent);outline:2px solid var(--quiz-accent);outline-offset:2px}
.quiz-matching-item.is-matched{border-color:var(--quiz-accent)}
.quiz-matching-item.is-pair-correct{border-color:var(--quiz-success)}
.quiz-matching-item.is-pair-wrong{border-color:var(--quiz-danger)}
.quiz-matching-item:disabled{cursor:not-allowed}
.quiz-matching-clear{cursor:pointer}
.quiz-matching-clear:hover:not(:disabled){text-decoration:underline}
.quiz-matching-item:focus-visible,.quiz-matching-clear:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:3px}
.quiz-find-error-token{cursor:pointer}
.quiz-find-error-token:hover:not(:disabled){border-color:var(--quiz-accent)}
.quiz-find-error-token.is-selected{border-color:var(--quiz-accent);outline:2px solid var(--quiz-accent);outline-offset:2px}
.quiz-find-error-token.is-answer-correct,.quiz-find-error-token.is-correct-target{border-color:var(--quiz-success)}
.quiz-find-error-token.is-answer-wrong{border-color:var(--quiz-danger)}
.quiz-find-error-token:disabled{cursor:not-allowed}
.quiz-find-error-token:focus-visible{outline:2px solid var(--quiz-accent);outline-offset:3px}
.quiz-dialogue-blank.has-answer{color:var(--quiz-text)}
.quiz-dialogue-message{grid-template-columns:max-content minmax(0,1fr)}
.quiz-dialogue-speaker{width:auto;min-width:48px;max-width:none;aspect-ratio:auto;padding:0 .65rem;white-space:nowrap}
@media (max-width:560px){.quiz-dialogue-message{grid-template-columns:1fr}.quiz-dialogue-speaker{width:max-content;min-width:0;height:auto;min-height:36px;padding:.35rem .65rem}}
