/*
 * V280 — practice single-choice fraction rendering.
 * Older choice-card rules targeted every descendant span. The semantic math
 * markup also uses spans, so numerator and denominator became bordered flex
 * buttons. Preserve the option card and restore only its nested math nodes.
 */

/* Every fraction and operator in the practice question/result shares the same
 * inline-box center. Without this screen rule, the old negative baseline shift
 * places ＋, −, ×, ÷ and ＝ beside the numerator instead of the fraction bar. */
body.app-shell.future-ui.mnv-future-ui.page-practice_lab .math-expression {
  vertical-align: middle !important;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab .math-operator {
  display: inline-flex !important;
  min-width: .9em;
  min-height: 2.15em;
  align-items: center;
  justify-content: center;
  margin-inline: .08em;
  line-height: 1 !important;
  vertical-align: middle !important;
  font-variant-numeric: tabular-nums;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  color: #f8fbff;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  font-style: normal;
  line-height: 1.2;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-expression {
  display: inline-flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: .16em !important;
  margin-inline: .08em !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-fraction {
  display: inline-grid !important;
  grid-template-rows: auto auto !important;
  min-width: 1.5em !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-numerator,
body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-denominator {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-numerator {
  padding: 0 .2em .1em !important;
  border-bottom: .1em solid currentColor !important;
}

body.app-shell.future-ui.mnv-future-ui.page-practice_lab
  .practice-choice-grid label > span > em .math-denominator {
  padding: .1em .2em 0 !important;
}

@media (max-width: 560px) {
  body.app-shell.future-ui.mnv-future-ui.page-practice_lab
    .practice-choice-grid label > span > em {
    font-size: 1.2rem;
  }
}