/* studytest.php — квиз «Тест риелтора», дизайн 2026.
   На 2026 bootstrap не грузится (.form-check/.row/.col-*/.btn-primary/.form-floating
   без стилей — форма «сжата»), поэтому оформляем scoped-CSS под .studytest. */
.studytest{padding:clamp(32px,5vw,64px) 0}
/* Короткая страница: на последнем шаге/после отправки контент маленький,
   футер отрывается от низа и под ним остаётся белая полоса фона body.
   Секция растягивается так, чтобы header + контент + footer занимали экран. */
.studytest{min-height:calc(100vh - 220px)}
/* ANSPB-172: форма по центру по вертикали — секция flex-колонка, контент
   выравниваем по центру доступной высоты (отступы от меню сверху и футера снизу
   получаются симметричными). */
.studytest{display:flex;flex-direction:column;justify-content:center}
.studytest .row{display:block;margin:0}
.studytest .form-container{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,44px)}

.studytest .block__title{max-width:none;margin:0 0 24px;font-family:'PT Serif',serif;font-size:clamp(20px,2.4vw,26px);line-height:1.25;color:var(--text)}
.studytest .block__title span{color:var(--accent);font-weight:700;margin-right:6px}

.studytest .quiz-questions{display:flex;flex-direction:column;gap:12px}
.studytest .quiz-questions.notFilled{outline:2px solid var(--accent);outline-offset:6px;border-radius:14px}

/* варианты ответа — кликабельные карточки */
.studytest .form-check{position:relative;margin:0}
.studytest .form-check-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.studytest .form-check-label{display:block;padding:16px 18px 16px 52px;border:1px solid var(--line);border-radius:14px;font-size:16px;line-height:1.35;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}
.studytest .form-check-label::before{content:'';position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:2px solid var(--accent-line);border-radius:50%;transition:.2s}
.studytest .form-check:hover .form-check-label{border-color:var(--accent);background:var(--accent-tint)}
.studytest .form-check-input:checked~.form-check-label{border-color:var(--accent);background:var(--accent-tint)}
.studytest .form-check-input:checked~.form-check-label::before{border-color:var(--accent);background:radial-gradient(var(--accent) 0 42%,#fff 48%)}

/* кнопки */
.studytest .btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.studytest .btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;min-height:52px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}
.studytest .btn.btn-primary:hover{background:var(--accent-deep)}

/* слайд 6 — контакты */
.studytest .test_res_answ{font-family:'PT Serif',serif;font-size:18px;line-height:1.45;color:var(--text);margin-bottom:22px}
.studytest .form-floating{margin-bottom:16px}
.studytest .form-floating label{display:none} /* дублирует placeholder; ошибку показывает alert */
.studytest .form-control{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-size:16px;color:var(--text);background:#fff;transition:border-color .2s}
.studytest .form-control:focus{outline:none;border-color:var(--accent)}