/* Shared presentation only. Scoped to exam play/review, never menus or data. */
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent,.questionAfterChoices) {
  min-width:0;max-width:100%;overflow-wrap:break-word;
}
.practiceExamFont :is(#questionContent,#mainResultQuestionContent,.questionAfterChoices) :is(.contentTextBlock,.contentLatex,p,strong,b),
.practiceExamFont #answerArea :is(.ansBtn,.ansChoiceInner,.ansChoicePrefix,.ansChoiceMath,.shortInput,.hsaMultipartAnswer),
.practiceExamFont :is(#solutionContent,#mainResultSolutionContent) .contentTextBlock {
  font-weight:400!important;line-height:1.5!important;
}
.practiceExamFont :is(#questionContent,#mainResultQuestionContent,.questionAfterChoices) .contentTextBlock {
  font-size:18px!important;color:#203047!important;margin-bottom:12px!important;
}
.practiceExamFont :is(#solutionContent,#mainResultSolutionContent) .contentTextBlock {font-size:17px!important;color:#203047!important;}
.practiceExamFont .hsa601Stem :is(.hsa601PromptContext,.hsa601PromptQuestion,.hsa601Key) {font-weight:400!important;line-height:1.5!important;color:inherit!important;}
.practiceExamFont #answerArea .ansBtn {font-size:17px!important;}
.practiceExamFont :is(.playLeft,.playRight,.playQuestionPanel,.sideCard,.sideBody,.mainResultDetailCard,.mainResultDetailBody,.mainResultDetailLeft,.mainResultDetailRight,.mainResultRevealBox) {
  min-width:0;box-sizing:border-box;
}
.practiceExamFont .playQuestionHead .qTitle {font-size:15px;font-weight:400;line-height:1.5;color:#64748b;}
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container {
  color:#173b68!important;font-weight:500!important;max-width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box;padding:4px 2px;
  scrollbar-width:thin;scrollbar-color:#a8b9d2 #edf2f8;
}
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container:not([display="true"]) {
  display:inline-block!important;vertical-align:middle;
}
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container[display="true"] {
  display:block!important;width:100%;margin:0.7em 0!important;
}
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container > svg {
  display:block;max-width:none!important;margin-inline:auto;
}
.practiceExamFont :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) .contentLatex {
  max-width:100%;min-width:0;line-height:1.5!important;margin:12px 0!important;
}
/* Fine glyph emphasis; do not thicken fraction/radical rules or illustrations. */
.practiceExamFont :is(#questionContent,#answerArea) mjx-container[jax="SVG"] :is([data-mml-node="mi"],[data-mml-node="mn"],[data-mml-node="mo"]) > use {
  stroke:currentColor;stroke-width:8;stroke-linejoin:round;paint-order:stroke fill;
}
.practiceExamFont :is(.btn,.ansBtn,.shortInput,.ddPiece,.mainResultRevealBtn,[data-main-result-index]) {min-height:44px;min-width:44px;box-sizing:border-box;}
.practiceExamFont .shortInput {flex:1 1 220px;max-width:100%;font-size:18px;font-weight:400;}
.practiceExamFont .shortInput::placeholder {font-weight:400;color:#738196;opacity:1;}
.practiceExamFont .hsaQuestionCommentBtn {
  display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:16px 0 0 auto;
  color:#53627a;font-size:14px;font-weight:400;line-height:1.5;
}
.practiceExamFont .hsaQuestionCommentCount {display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:#edf2fa;color:#173b68;font-size:12px;}
.practiceExamFont .mainResultDetailTitle {font-size:26px;font-weight:600;line-height:1.2;}
.practiceExamFont .mainResultRevealContent {box-sizing:border-box;}
@media(max-width:800px){
  .practiceExamFont .mainResultDetailLayer {padding:12px;}
  .practiceExamFont .mainResultDetailCard {width:100%;max-width:100%;height:calc(100dvh - 24px);margin:0;padding:12px;border-radius:20px;}
  .practiceExamFont .mainResultDetailBody {display:block;overflow-y:auto;overflow-x:hidden;}
  .practiceExamFont :is(.mainResultDetailLeft,.mainResultDetailRight) {display:block;overflow:visible;padding:12px;border-radius:14px;}
  .practiceExamFont .mainResultDetailRight {margin-top:12px;}
  .practiceExamFont :is(.mainResultQuestionContent,.mainResultRevealBox,.mainResultRevealContent) {height:auto;max-height:none;overflow:visible;}
  .practiceExamFont .mainResultQuestionContent {padding:10px;margin:10px 0;}
  .practiceExamFont .mainResultRevealBox {margin-top:10px;}
  .practiceExamFont .mainResultRevealButtons {grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
  .practiceExamFont .mainResultDetailClose {top:12px;right:12px;}
}
@media(max-width:640px){
  .practiceExamFont :is(#questionContent,#mainResultQuestionContent,.questionAfterChoices) .contentTextBlock {font-size:17px!important;}
  .practiceExamFont .playQuestionPanel {padding:16px;}
  .practiceExamFont .playBottomNav {display:flex;gap:8px;flex-wrap:wrap;}
  .practiceExamFont .playBottomNav .btn {flex:1 1 110px;padding-inline:10px;font-size:13px;}
}
