/* Sichtbarer Fortschritt und ein eindeutiger Abschluss für alle Quiz-Themen. */
.quiz-page .quiz-progress-box{
  position:sticky;top:0;z-index:12;padding:16px 20px;margin:16px 0 24px;
  border:2px solid #e1bd70;border-radius:12px;background:var(--q-paper);
  box-shadow:0 4px 16px #0003;
}
.quiz-progress-head{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;align-items:center}
.quiz-page #quiz-position{font-size:1.25em;font-weight:800;color:var(--q-ink)}
.quiz-page .quiz-progress-box #quiz-progress{height:26px;width:100%;margin:12px 0 8px;border:1px solid var(--q-line);border-radius:6px;background:var(--q-bg)}
.quiz-page .quiz-progress-box #quiz-progress::-webkit-progress-bar{background:var(--q-bg)}
.quiz-page .quiz-progress-box #quiz-progress::-webkit-progress-value{background:#d3a947}
.quiz-page .quiz-progress-box #quiz-progress::-moz-progress-bar{background:#d3a947}
.quiz-page #quiz-progress-label{margin:0;font-size:.88em;color:var(--q-ink)}
.quiz-page .quiz-up-row{display:flex;justify-content:center;margin:18px 0 0}
.quiz-page .quiz-up{font-size:.88em;min-height:44px}
.quiz-page .quiz-result-intro{border:2px solid #e1bd70}
.quiz-page #quiz-result-lead{font-size:1.6em;font-weight:800;color:var(--q-ink);max-width:none}
.quiz-page #quiz-congratulations{font-weight:700;font-size:1.1em}
.quiz-page .quiz-explanation-prompt{margin-top:26px;padding-top:22px;border-top:1px solid var(--q-line)}
.quiz-page .quiz-explanation-prompt h2{font-size:1.2em;margin:0 0 14px}
.quiz-page .quiz-result-actions{margin:20px 0;gap:12px}
.quiz-page .quiz-explanation-list{margin-top:32px}
.quiz-page .quiz-explanation-list[hidden]{display:none}
.quiz-page .quiz-material-display{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.quiz-page .quiz-material-display button{font:inherit;font-size:.85em}
.quiz-page .quiz-material-toolbar{align-items:center}
@media(max-width:620px){
  .quiz-page .quiz-progress-box{padding:12px 14px}
  .quiz-page #quiz-position{font-size:1.1em}
  .quiz-page .quiz-progress-head>span{font-size:.8em}
  .quiz-page #quiz-result-lead{font-size:1.3em}
  .quiz-page .quiz-result-actions{display:grid;grid-template-columns:1fr}
  .quiz-page .quiz-result-actions .quiz-button{width:100%}
  .quiz-page .quiz-material-toolbar{justify-content:center}
}
@media print{
  .quiz-page .quiz-progress-box,.quiz-page .quiz-up-row,.quiz-page .quiz-up,
  .quiz-page .quiz-explanation-prompt,.quiz-page .quiz-material-display{display:none!important}
  .quiz-page .quiz-explanation-list[hidden]{display:block}
}