/* arena-math-v1
   Обычный HTML-текст + MathJax только для формул.
*/

.question-math-prompt {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: anywhere;

    color: inherit;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.65;
    text-align: left;
}

.question-math-prompt mjx-container:not([display="true"]) {
    margin: 0 0.08em !important;
}

.question-math-prompt mjx-container[display="true"] {
    display: block !important;
    margin: 0.7em 0 0.8em !important;

    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    text-align: left !important;
    -webkit-overflow-scrolling: touch;
}

.question-math-prompt mjx-container {
    font-size: 1em !important;
}

@media (max-width: 720px) {
    .question-math-prompt {
        font-size: 16px;
        line-height: 1.6;
    }

    .question-math-prompt mjx-container[display="true"] {
        margin: 0.6em 0 0.7em !important;
    }
}

/* arena-math-selection-v1
   Текст условия и MathJax-формулы выделяются одинаково.
*/
.question-math-prompt,
.question-math-prompt *,
.question-math-prompt mjx-container,
.question-math-prompt mjx-container * {
    -webkit-user-select: text !important;
    user-select: text !important;
}

.question-math-prompt::selection,
.question-math-prompt *::selection,
.question-math-prompt mjx-container::selection,
.question-math-prompt mjx-container *::selection {
    background: rgba(178, 32, 0, 0.28);
    color: inherit;
}

.question-math-prompt::-moz-selection,
.question-math-prompt *::-moz-selection {
    background: rgba(178, 32, 0, 0.28);
    color: inherit;
}


/* arena-math-selection-bridge-v1
   MathJax CHTML не рисует нативный selection background
   на своих glyph-псевдоэлементах. Подсвечиваем контейнер
   формулы, если пользовательское выделение проходит через него.
*/
.question-math-prompt
mjx-container.arena-math-selection-active {
    background: rgba(178, 32, 0, 0.28) !important;
    border-radius: 2px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}