/* Werkzeug "Quiz zum Wilden Westen" (/entdecken/quiz/), Welle 10, Gruppe g05. Ergänzt die gemeinsamen Klassen in
   wilderwesten.css um die Fragekarte, die Antwortknöpfe und die lesbare Fassung. Nichts schwebt, keine Animationen. */
.ww-w-quiz-buehne { margin: 0 0 .9rem; padding: 1rem 1.1rem; border: 1px solid var(--ww-linie-2); border-radius: var(--ww-radius); background: var(--ww-papier); }
.ww-w-quiz-buehne[hidden] { display: none; }
.ww-main .prose .ww-w-quiz-zaehler, .ww-w-quiz-zaehler { margin: 0 0 .3rem; font-family: var(--ww-sans); font-size: .86rem; font-weight: 700; color: var(--ww-tinte-2); }
.ww-main .prose .ww-w-quiz-titel, .ww-w-quiz-titel { margin: 0 0 .8rem; font-size: 1.15rem; line-height: 1.35; }
.ww-w-quiz-titel:focus { outline: none; }
.ww-w-quiz-titel:focus-visible { outline: 3px solid var(--ww-ocker); outline-offset: 3px; }
.ww-w-quiz-wahl, .ww-main .prose .ww-w-quiz-wahl { list-style: none; margin: 0 0 .8rem; padding: 0; display: grid; gap: .5rem; }
.ww-w-quiz-wahl li, .ww-main .prose .ww-w-quiz-wahl li { margin: 0; padding: 0; }
.ww-w-quiz-antwort.ww-btn, .ww-main .prose .ww-w-quiz-antwort.ww-btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: .3rem .8rem; width: 100%; min-height: 44px; text-align: left; white-space: normal; font-weight: 600;
    background: var(--ww-flaeche); color: var(--ww-tinte); border: 1.5px solid var(--ww-linie-2); }
.ww-w-quiz-antwort.ww-btn:hover, .ww-main .prose .ww-w-quiz-antwort.ww-btn:hover { background: var(--ww-marke-tint); color: var(--ww-tinte); border-color: var(--ww-marke); }
.ww-w-quiz-antwort.ww-btn:disabled, .ww-main .prose .ww-w-quiz-antwort.ww-btn:disabled { opacity: 1; cursor: default; background: var(--ww-flaeche); color: var(--ww-tinte); }
.ww-main .prose .ww-w-quiz-antwort.ww-w-quiz-ist-richtig, .ww-w-quiz-antwort.ww-w-quiz-ist-richtig { border-color: var(--ww-salbei-text); border-width: 3px; }
.ww-main .prose .ww-w-quiz-antwort.ww-w-quiz-ist-falsch, .ww-w-quiz-antwort.ww-w-quiz-ist-falsch { border-color: var(--ww-canyon); border-width: 3px; }
.ww-w-quiz-marke { font-family: var(--ww-sans); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.ww-w-quiz-ist-richtig .ww-w-quiz-marke { color: var(--ww-salbei-text); }
.ww-w-quiz-ist-falsch .ww-w-quiz-marke { color: var(--ww-canyon); }
.ww-w-quiz-rueckmeldung { border-top: 1px solid var(--ww-linie-2); padding-top: .7rem; }
.ww-main .prose .ww-w-quiz-urteil, .ww-w-quiz-urteil { margin: 0 0 .4rem; font-weight: 800; }
.ww-main .prose .ww-w-quiz-erklaerung, .ww-w-quiz-erklaerung { margin: 0; }
.ww-w-quiz-nachlesen, .ww-main .prose .ww-w-quiz-nachlesen { margin: .3rem 0 0; }
/* Lesbare Fassung: Fragen je Bereich in <details>, die richtige Antwort mit dem Wort "(richtig)" */
.ww-w-quiz-liste { margin-top: .6rem; }
.ww-w-quiz-liste > li { margin-bottom: 1rem; }
.ww-main .prose .ww-w-quiz-liste .ww-w-quiz-frage { margin: 0 0 .3rem; font-weight: 700; }
.ww-main .prose .ww-w-quiz-antworten { margin: 0 0 .3rem; }
.ww-w-quiz-antworten [data-richtig] { font-weight: 700; }
.ww-w-quiz-richtig { font-family: var(--ww-sans); font-size: .86rem; color: var(--ww-salbei-text); }
@media print {
    .ww-w-quiz-buehne { border: 1px solid #999; background: #fff; }
}