/* Start:/local/templates/pakhomov/components/bitrix/news.list/testing/style.css?17930817484879*/
/* Оформление по образцу карточек /articles/ (.articles_list__item) */
.testing {
    width: 100%;
    max-width: 1125px;
    padding: 2em 0 4em;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
}

.testing [hidden] {
    display: none !important;
}

/* Страница выводится внутри .user_content (header.php): сброс его правил для img, p, ul */
.testing .testing__question__picture img,
.testing .testing__answer__picture {
    margin: 0;
}

.testing .testing__empty,
.testing .testing__expired,
.testing .testing__message {
    white-space: normal;
}

.testing .testing__result__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.testing .testing__result__list li {
    margin-bottom: 0;
}

.testing__stage,
.testing__result {
    border: 1px solid #365EFF;
    border-bottom-width: 6px;
    background-color: #ffffff;
}

.testing__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em;
    padding: 1.5em 2.5em 1.5em 4.5%;
    border-bottom: 1px solid #c8c8c8;
    color: #476CFF;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.testing__timer__value {
    font-weight: 700;
}

.testing__question,
.testing__result {
    padding: 2.5em 2.5em 2.5em 4.5%;
}

.testing__question__title {
    color: #232323;
    word-wrap: break-word;
    margin-bottom: 0.8em;
}

.testing__question__text {
    font-size: 23px;
    line-height: 1.4;
    color: #232323;
    margin-bottom: 1.5em;
}

.testing__question__picture {
    margin-bottom: 1.5em;
}

.testing__question__picture img {
    display: block;
    max-width: 100%;
    height: auto;
}

.testing__answers {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.testing__answer {
    display: flex;
    align-items: flex-start;
    gap: 1em;
    padding: 1em 1.2em;
    border: 1px solid rgba(82, 117, 255, 0.4);
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.testing__answer:hover {
    border-color: #365EFF;
}

.testing__answer:has(.testing__answer__input:checked) {
    border-color: #365EFF;
    background-color: #F5F7FF;
}

.testing__answer__input {
    flex-shrink: 0;
    margin: 0.2em 0 0;
    accent-color: #365EFF;
}

.testing__answer__letter {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #365EFF;
}

.testing__answer__body {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
    font-size: 16px;
    line-height: 1.5;
    color: #232323;
}

.testing__answer__picture {
    display: block;
    max-width: 100%;
    height: auto;
}

.testing__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    padding: 0 2.5em 2.5em 4.5%;
}

.testing__btn {
    flex: 1 1 100%;
    width: auto;
    min-width: 0;
    padding: 1em 0;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

@media (min-width: 768px) {
    .testing__nav {
        flex-wrap: nowrap;
    }

    .testing__btn {
        flex: 1 1 0;
    }
}

.testing__btn:disabled {
    opacity: 0.4;
    cursor: default;
}

.testing__error {
    padding: 0 2.5em 2.5em 4.5%;
    color: #A80101;
}

.testing__expired {
    margin: 0 0 1em;
    color: #A80101;
}

/* Специфичнее .user_content p */
.testing .testing__message {
    margin: 0 0 1.2em;
    color: #365EFF;
}

.testing__result__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #232323;
}

.testing__result__list li + li {
    margin-top: 0.8em;
}

.testing__result__actions {
    margin-top: 2em;
}

/* Специфичнее .btn__deep-blue (width: 100%) из app.css */
.testing .testing__result__link,
.testing .testing__reply__btn {
    display: inline-block;
    width: auto;
    padding: 1em 2.5em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-sizing: border-box;
}

.testing .testing__reply__btn {
    cursor: pointer;
}

.testing .testing__reply__btn:disabled {
    opacity: 0.4;
    cursor: default;
}

@media (max-width: 767px) {
    .testing .testing__result__link,
    .testing .testing__reply__btn {
        display: block;
        width: 100%;
    }
}

/* Пояснение к неверному ответу — между вариантами и кнопкой «Ответить» */
.testing__comment {
    margin-top: 1.5em;
    padding: 1em 1.2em;
    border-left: 4px solid #A80101;
    background-color: #FFF5F5;
    font-size: 16px;
    line-height: 1.5;
    color: #232323;
}

.testing__reply {
    margin-top: 1.5em;
}

.testing__result__list b {
    color: #365EFF;
}

@media (max-width: 560px) {
    .testing__head,
    .testing__question,
    .testing__result,
    .testing__nav,
    .testing__error {
        padding-left: 1.2em;
        padding-right: 1.2em;
    }
}

/* End */
/* /local/templates/pakhomov/components/bitrix/news.list/testing/style.css?17930817484879 */