/* Базовая раскладка общих компонентов тестов: конструктора вопросов (assets/question-builder.js)
 * и экрана прохождения (assets/attempt-runner.js) - для страниц, у которых своей отделки этих
 * классов нет: кабинет работодателя и кабинет кандидата.
 *
 * В кабинете вуза этот файл НЕ подключается. У вуза полная выверенная отделка тех же классов в
 * assets/university.css, и замер в браузере показал: даже правила с нулевой специфичностью меняют
 * там свойства, которые вуз не задавал (зазор в шапке карточки, скругление кнопки «Удалить»).
 * Классы, которые порождает только профиль работодателя (развёрнутый ответ), вузу не нужны.
 *
 * Селекторы обёрнуты в :where(), чтобы отделка страницы перебивала базу без борьбы
 * специфичностей. Цвета - из переменных страницы, без них - запасные значения.
 */

:where(.question-list){display:grid;gap:14px}
:where(.question-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--line,#dfe2ea);border-radius:16px;background:#fafafd}
:where(.question-card .wide,.question-card .question-top){grid-column:1/-1}
:where(.question-top){display:flex;align-items:center;justify-content:space-between;gap:12px}
:where(.question-number){display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#5549cf;background:#efedff;font-size:12px;font-weight:700}
:where(.remove-question,.remove-question-option){min-height:36px;padding:7px 10px;border:0;border-radius:8px;color:#b42318;background:#fff1f2;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
:where(.remove-question-option:disabled){color:#a9adb7;background:#f0f1f4;cursor:not-allowed}
:where(.choice-field){display:grid;gap:10px}
:where(.option-field-head){display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
:where(.option-field-head strong,.option-field-head small){display:block}
:where(.option-field-head small){margin-top:4px;color:#6b7485;font-size:12px;font-weight:400;line-height:1.45}
:where(.question-option-list){display:grid;gap:8px}
:where(.question-option-row){display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line,#dfe2ea);border-radius:11px;background:#fff}
:where(.question-option-row .correct-option){width:18px;height:18px;min-height:0;margin:0;padding:0}
:where(.question-extra summary){cursor:pointer;font-weight:600}
:where(.question-list-foot){display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
:where(.question-review-note){margin:0;padding:10px 12px;border-radius:10px;color:#6b4e0f;background:#fdf6e6;font-size:13px;line-height:1.5}

:where(.attempt-panel){width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:auto;border:0;border-radius:0;background:#fff;color:#171a24}
:where(.attempt-panel)::backdrop{background:#fff}
:where(.attempt-panel>*){width:min(820px,100%);margin-inline:auto;box-sizing:border-box}
:where(.attempt-head){position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;max-width:none;padding:22px max(20px,calc(50vw - 410px));border-bottom:1px solid var(--line,#e3e6ee);background:rgba(255,255,255,.96)}
:where(.attempt-head h2){margin:0;font-size:26px;letter-spacing:-.02em}
:where(.attempt-head .kicker){margin:0 0 6px;color:#5549cf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
:where(.attempt-head .icon-button){width:40px;height:40px;border:1px solid var(--line,#e3e6ee);border-radius:12px;background:#fff;font-size:22px;line-height:1;cursor:pointer}
:where(.preview-note,.attempt-counter){margin:14px auto 0;padding:0 20px;color:#4a5263;font-size:14px;line-height:1.55}
:where(.attempt-deadline){margin:12px auto 0;padding:12px 20px;color:#4f43ca;background:#efedff;font-size:13px;font-weight:700}
:where(.attempt-form){display:grid;gap:14px;padding:20px 20px 30px}
:where(.attempt-form fieldset){display:grid;gap:10px;margin:0;padding:18px;border:1px solid var(--line,#e3e6ee);border-radius:15px}
:where(.attempt-form legend){padding:0 6px;font-size:16px;font-weight:700;line-height:1.5}
:where(.answer-option){display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-radius:10px;background:#f5f6f9;font-size:15px;cursor:pointer}
:where(.answer-option input){width:18px;height:18px;min-height:0;margin:2px 0 0}
:where(.attempt-form input[type=text],.attempt-form input[type=number],.attempt-form textarea){width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #d7dbe4;border-radius:11px;font:inherit;font-size:15px}
:where(.answer-text){min-height:200px;line-height:1.55;resize:vertical}
:where(.answer-text-note){color:#6b7485;font-size:12px}
:where(.attempt-controls){display:flex;flex-wrap:wrap;gap:10px}
:where(.preview-review){display:grid;gap:10px}
:where(.preview-review p){margin:0;padding:12px;border:1px solid var(--line,#e3e6ee);border-radius:12px;line-height:1.55}

@media (max-width:680px){
  :where(.question-card){grid-template-columns:minmax(0,1fr);padding:14px}
  :where(.question-option-row){grid-template-columns:22px minmax(0,1fr)}
  :where(.question-option-row .remove-question-option){grid-column:1/-1;justify-self:start}
  :where(.attempt-head){padding:16px}
  :where(.attempt-head h2){font-size:21px}
  :where(.attempt-form){padding:16px 16px 26px}
}

/* Карточка задания из вопросов на доске кандидата. */
:where(.task-quiz-facts){margin:10px 0 4px;font-size:14px;font-weight:600;color:#252a35}
:where(.task-quiz-rules){margin:0 0 10px;font-size:13px;line-height:1.5;color:#5b6475}