/* Gia Su SV / Học & Thi RC7.76 — PC-only reading rhythm and compact answer controls.
   Desktop pointer mode including browser zoom <1024 CSS px; phone and touch-only mobile unchanged. */
@media screen and (hover:hover) and (pointer:fine) {
  /* 1. Natural textbook paragraphs: 1.5 line height, a small paragraph interval. */
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question,
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question :is(.gsv-stem,.gsv-rich,.gsv-feedback,.gsv-live-feedback,.gsv-answer-clean,.gsv-standard-steps,.gsv-method-content,.gssv-ml-solution) {
    line-height:1.5!important;
    letter-spacing:normal!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question > .gsv-stem {
    line-height:1.5!important;
    margin:6px 0 10px!important;
    padding:0!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question :is(.gsv-stem,.gsv-live-feedback,.gsv-feedback,.gsv-answer-clean,.gsv-standard-steps,.gsv-method-content,.gssv-ml-solution) :is(p,li) {
    line-height:1.5!important;
    margin-top:0!important;
    margin-bottom:6px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question :is(.gsv-feedback,.gsv-live-feedback,.gsv-answer-clean,.gsv-standard-steps,.gsv-method-content,.gssv-ml-solution) :is(ol,ul) {
    margin:5px 0 8px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1.5!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question :is(.gsv-stem,.gsv-feedback,.gsv-live-feedback,.gsv-answer-clean,.gsv-standard-steps,.gsv-method-content,.gssv-ml-solution) :is(mjx-container[display="true"],.MathJax_Display,.katex-display) {
    margin:4px 0!important;
    max-width:100%;
    overflow-x:auto;
  }
  /* Avoid double margin contributed by nested question text wrappers. */
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question .gsv-stem > p:last-child,
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question .gsv-rich > p:last-child,
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question .gsv-feedback li:last-child {
    margin-bottom:0!important;
  }

  /* 2. Compact A–D buttons (all mathematics exam questions), still comfortable to tap with mouse. */
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-options-grid {
    gap:7px!important;
    align-items:stretch!important;
    margin:6px 0!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-options-grid > label.gsv-option {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    margin:0!important;
    padding:6px 10px!important;
    gap:7px!important;
    font-size:14.5px!important;
    line-height:1.5!important;
    text-align:left!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-option > span {
    flex:none!important;
    font-size:14px!important;
    line-height:1.5!important;
    align-self:center!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-option > input[type="radio"] {
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    margin:0!important;
    align-self:center!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-option > .gsv-rich,
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset.gsv-mcq .gsv-option > .gsv-rich p {
    font-size:14.5px!important;
    line-height:1.5!important;
    margin:0!important;
    padding:0!important;
  }

  /* LSTS Chapter I, Q1: A and B get full-width compact rows; C and D share a row.
     A never wraps: if user zooms the text, let the text area scroll horizontally. */
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:6px!important;
  }
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option {
    min-height:44px!important;
    max-height:none!important;
    padding:6px 10px!important;
    flex-wrap:nowrap!important;
  }
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option:nth-child(-n+2) {grid-column:1 / -1!important;}
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option:nth-child(3) {grid-column:1!important;}
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option:nth-child(4) {grid-column:2!important;}
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option .gsv-rich {
    min-width:0!important;
    flex:1 1 0%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    scrollbar-width:thin;
  }
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option .gsv-rich :is(p,span,mjx-container,.MathJax,.katex) {
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.5!important;
    margin:0!important;
    padding:0!important;
  }
  body.single-gssv_exam.postid-5745.gssv-math-layout .gssv-study.gsv-teen .gsv-question[data-question-index="1"] fieldset.gsv-mcq .gsv-options-grid > label.gsv-option .gsv-rich > p {
    display:block!important;
    width:max-content!important;
    max-width:none!important;
  }

  /* 3. Real four-column True/False table:
     (a) | statement flex | Đúng 112px | Sai 112px. The inner wrapper is layout-free. */
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row {
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 112px 112px!important;
    grid-template-rows:auto!important;
    gap:7px!important;
    align-items:center!important;
    padding:5px 0!important;
    margin:0!important;
    min-height:50px!important;
    border-bottom:1px solid #e2e9eb;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > strong {
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.5!important;
    align-self:center!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-rich {
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    line-height:1.5!important;
    white-space:normal!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-rich :is(p,li) {
    margin:0!important;
    padding:0!important;
    line-height:1.5!important;
    white-space:normal!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices {
    display:contents!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices > label {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    box-sizing:border-box!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:6px!important;
    gap:6px!important;
    font-size:14px!important;
    line-height:1.5!important;
    white-space:nowrap!important;
    border-radius:9px!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices > label:first-child {
    grid-column:3!important;
    grid-row:1!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices > label:last-child {
    grid-column:4!important;
    grid-row:1!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices > label input[type="radio"] {
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    flex:0 0 16px!important;
    margin:0!important;
  }
  body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset:has(>.gsv-tf-row) {
    margin:8px 0 12px!important;
    padding:0!important;
  }
}

/* PC mouse at extremely narrow CSS viewports (very high browser zoom).
   Still deliberately excludes all touch-only mobile devices. */
@media screen and (hover:hover) and (pointer:fine) and (max-width:650px) {
 body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row {
  grid-template-columns:24px minmax(0,1fr) 76px 76px!important;gap:5px!important;
 }
 body.single-gssv_exam.gssv-math-layout .gssv-study.gsv-teen .gsv-question fieldset > .gsv-tf-row > .gsv-tf-choices > label {
  width:76px!important;min-width:76px!important;max-width:76px!important;font-size:12.5px!important;
 }
}