assets/quiz.css

/* ? Radio ?????????????? */
.quiz-option .mantine-Radio-body {
  display: flex;
  align-items: center; /* ?????? flex-start????????? */
}

/* ????????????????? flex ?? */
.quiz-option .mantine-Radio-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;          /* ?? Python ? inline-flex ? gap ?? */
}




/* ???????????????????? marker */
.math-ol {
  counter-reset: mathitem;
  list-style: none;       /* ???????? 1. 2. 3. */
  margin-left: 1.5rem;    /* ????????? */
  padding-left: 0;
}

.math-ol > li {
  counter-increment: mathitem;
  display: flex;
  align-items: center;    /* ????????????????????? */
  gap: 0.5rem;            /* ?????????? */
}

/* ????? marker */
.math-ol > li::before {
  content: counter(mathitem) ".";
  flex: 0 0 auto;
  min-width: 1.5rem;      /* ???????????? */
  text-align: right;
}

/* ?????? marker ??????????????????? */

/* ?? ListItem??????marker + ?? */
.mantine-List-item.themed-color {
  display: flex;
  align-items: center;      /* marker ????????? */
}

/* ??? span ?????????? "1." "2." ?? marker */
.mantine-List-item.themed-color > span:first-child {
  position: static !important;   /* ? render_list ?? absolute ?? */
  left: auto !important;
  top: auto !important;
  transform: none !important;

  min-width: 1.8rem;            /* ???????????? */
  text-align: right;
  margin-right: 0.5rem;
}

/* ??? div ????????????? */
.mantine-List-item.themed-color > div:last-child {
  flex: 1 1 auto;
}


/* 讓數學式的顏色跟外層 .themed-color 一樣 */
.themed-color .katex,
.themed-color .katex * {
  color: inherit;
}


/* 只調整 \text{} 的字型，跟主題 body font 一致 */
.katex .text,
.katex .text * {
  font-family: var(--mantine-font-family, system-ui, -apple-system,
                   BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-weight: 400;
}


/* 讓數學式整體跟隨主題色 */
.themed-color .katex {
  color: inherit !important;
}

/* 特別是 \text{...} 產生的文字 span */
.themed-color .katex .text,
.themed-color .katex .mord.text,
.themed-color .katex .mathnormal {
  color: inherit !important;
}


/* 只調整 KaTeX 裡 \text{} 的字型與大小 */
.katex .text,
.katex .mord.text,
.katex .text * {
  font-family: var(--mantine-font-family,
                   system-ui, -apple-system, BlinkMacSystemFont,
                   "Segoe UI", "Microsoft JhengHei", sans-serif) !important;
  font-size: 0.9em !important;   /* 比周圍數學略小一點，自己可改 0.8em / 1em */
  font-weight: 400;              /* 回到正常粗細 */
  font-style: normal;            /* 不要斜體就設 normal */
}