:root {
  --quiz-tex-font: "Latin Modern Roman", "LM Roman 10", "Computer Modern Serif", "CMU Serif", "STIX Two Text", "Times New Roman", serif;
}

.quiz-page #main-content .mathjax-content,
.quiz-page #main-content .mathjax-content *,
.quiz-page #main-content .quiz-result-main,
.quiz-page #main-content .quiz-result-main *,
.quiz-page #main-content mjx-container,
.quiz-page #main-content mjx-container * {
  font-family: var(--quiz-tex-font) !important;
}

.quiz-page #main-content .mathjax-content .fa,
.quiz-page #main-content .mathjax-content .fas,
.quiz-page #main-content .mathjax-content .fa-solid,
.quiz-page #main-content .mathjax-content .far,
.quiz-page #main-content .mathjax-content .fa-regular,
.quiz-page #main-content .quiz-result-main .fa,
.quiz-page #main-content .quiz-result-main .fas,
.quiz-page #main-content .quiz-result-main .fa-solid,
.quiz-page #main-content .quiz-result-main .far,
.quiz-page #main-content .quiz-result-main .fa-regular {
  font-family: "Font Awesome 6 Free" !important;
}

.quiz-page #main-content .mathjax-content .fab,
.quiz-page #main-content .mathjax-content .fa-brands,
.quiz-page #main-content .quiz-result-main .fab,
.quiz-page #main-content .quiz-result-main .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}

/*
 * Quiz index cards are management/list UI, not quiz body content.
 * Keep them in the site UI font while the take/result pages use LM Roman.
 */
.mathjax-content label,
.mathjax-content li,
.mathjax-content td,
.mathjax-content mjx-container,
.mathjax-content mjx-container *,
.quiz-result-main p,
.quiz-result-main td,
.quiz-result-main th {
  font-family: inherit !important;
}

.quiz-page #main-content .quiz-wrapper,
.quiz-page #main-content .quiz-wrapper * {
  font-family: "Rubik", sans-serif !important;
}

.quiz-page #main-content .quiz-wrapper .fa,
.quiz-page #main-content .quiz-wrapper .fas,
.quiz-page #main-content .quiz-wrapper .fa-solid,
.quiz-page #main-content .quiz-wrapper .far,
.quiz-page #main-content .quiz-wrapper .fa-regular {
  font-family: "Font Awesome 6 Free" !important;
}

.quiz-page #main-content .quiz-wrapper .fab,
.quiz-page #main-content .quiz-wrapper .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}