/* Scoped to the six HSA Về Đích papers; combat and older practice stay unchanged. */
.hsaVeDichPaper #questionContent .contentTextBlock,
.hsaVeDichPaper #answerArea .ansBtn,
.hsaVeDichPaper .questionAfterChoices .contentTextBlock,
.hsaVeDichPaper #mainResultQuestionContent .contentTextBlock,
.hsaVeDichPaper #mainResultQuestionContent .mainResultOption {
  font-size:18px!important;line-height:1.5!important;font-weight:400!important;color:#203047!important;
}
.hsaVeDichPaper #questionContent .contentTextBlock {margin:0 0 12px!important;}
.hsaVeDichPaper :is(#solutionContent,#mainResultSolutionContent) .contentTextBlock {
  font-size:17px!important;line-height:1.5!important;font-weight:400!important;color:#203047!important;
}
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) {
  min-width:0;max-width:100%;overflow-wrap:break-word;
}
.hsaVeDichPaper :is(.playLeft,.playRight,.playQuestionPanel,.sideCard,.sideBody) {min-width:0;box-sizing:border-box;}
.hsaVeDichPaper .playQuestionHead .qTitle {font-size:15px;font-weight:400;line-height:1.5;color:#64748b;}
.hsaVeDichPaper mjx-container {color:#173b68;font-weight:500;}
/* Keep full-sized, readable math. A long expression scrolls locally instead
   of clipping or shrinking every glyph to fit the phone's width. */
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container {
  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;
}
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container:not([display="true"]) {
  display:inline-block!important;vertical-align:middle;
}
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container[display="true"] {
  display:block!important;width:100%;margin:0.7em 0!important;
}
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) mjx-container > svg {
  display:block;max-width:none!important;margin-inline:auto;
}
.hsaVeDichPaper :is(#questionContent,#answerArea,#solutionContent,#mainResultQuestionContent,#mainResultSolutionContent) .contentLatex {
  line-height:1.5!important;max-width:100%;min-width:0;margin:12px 0!important;
}
.hsaVeDichPaper .tsaPracticeResponseRow {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;}
.hsaVeDichPaper .tsaPracticeResponseRow #feedback {flex:1 1 260px;font:400 15px/1.5 "Segoe UI",sans-serif;}
.hsaVeDichPaper .tsaPracticeFeedback {padding:12px 14px;border-radius:10px;background:#fff6df;color:#7c4a00;}
.hsaVeDichPaper .tsaPracticeFeedback.isCorrect {background:#edf9f0;color:#15803d;}
.hsaVeDichPaper .tsaPracticeFeedback.isWrong {background:#fff0f0;color:#b91c1c;}
.hsaVeDichPaper .questionAfterChoices {margin-top:16px;}
.hsaVeDichPaper :is(.ansBtn,.shortInput,.hsaMultipartAnswer) {font-weight:400;line-height:1.5;}
.hsaVeDichPaper :is(.btn,.ansBtn,.shortInput,[data-main-result-index]) {min-height:44px;min-width:44px;box-sizing:border-box;}
.hsaVeDichPaper .shortInput {flex:1 1 220px;width:100%;max-width:100%;font-size:18px;}
.hsaVeDichPaper .shortInput::placeholder {font-weight:400;color:#738196;opacity:1;}
.hsaVeDichPaper .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;
}
.hsaVeDichPaper .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;
}
@media(max-width:640px){
  .hsaVeDichPaper #questionContent .contentTextBlock,.hsaVeDichPaper #answerArea .ansBtn {font-size:17px!important;}
  .hsaVeDichPaper .playQuestionPanel {padding:16px;}
  .hsaVeDichPaper .playBottomNav {display:flex;gap:8px;flex-wrap:wrap;}
  .hsaVeDichPaper .playBottomNav .btn {flex:1 1 110px;padding-inline:10px;font-size:13px;}
  .hsaVeDichPaper .tsaPracticeResponseRow #feedback {flex-basis:100%;}
}