/* Тест в тексте страницы учебника — см. /local/assets/js/quiz.js */
.quiz {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
}
.quiz-questions { padding-left: 1.25rem; margin: 0; }
.quiz-q { margin-bottom: 1.25rem; }
.quiz-text { font-weight: 600; margin-bottom: .5rem; }
.quiz-options { list-style: none; padding: 0; margin: 0; }
.quiz-options > li { padding: .15rem 0; }

/* Со скриптом: варианты — кнопки, пояснения скрыты до проверки */
.quiz-ready .quiz-options > li {
    padding: .45rem .75rem;
    margin-bottom: .35rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}
.quiz-ready .quiz-options > li:hover { background: var(--bs-tertiary-bg); }
.quiz-ready .quiz-options > li:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 1px; }
.quiz-ready .quiz-options > li.quiz-selected { border-color: var(--bs-primary); background: var(--bs-primary-bg-subtle); }
.quiz-ready .quiz-explain { display: none; }

.quiz-done .quiz-options > li { cursor: default; }
.quiz-done .quiz-options > li:hover { background: none; }
.quiz-done .quiz-options > li.quiz-is-correct { border-color: var(--bs-success); background: var(--bs-success-bg-subtle); }
.quiz-done .quiz-options > li.quiz-is-wrong { border-color: var(--bs-danger); background: var(--bs-danger-bg-subtle); }
.quiz-done .quiz-explain {
    display: block;
    margin-top: .4rem;
    padding: .5rem .75rem;
    border-left: 3px solid var(--bs-info);
    background: var(--bs-tertiary-bg);
    font-size: .95rem;
}
.quiz-q-empty > .quiz-text::after { content: ' —'; color: var(--bs-secondary-color); }

.quiz-bar { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: .5rem; }
.quiz-result { font-weight: 600; }