.quiz-checkcol {
  display: flex;
  align-items: center; /* 垂直置中 */
  gap: 8px; /* 圓圈和文字間距 */
}
.quiz-input {
  position: absolute;
  opacity: 0;
}
.quiz-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.yesOption,
.noOption {
  font-size: 16pt;
  font-family: PMingLiU;
  margin-left: 8px; /* 文字與圓圈間距 */
}

.quiz-checkmark {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #888;
  background: #fff;
  transition: border-color 0.2s;
  box-sizing: border-box;
  margin: 0;
  position: relative;
}
.quiz-input:checked ~ label .quiz-checkmark {
  border-color: #1976d2;
  background: #fff;
}
.quiz-input:checked ~ label .quiz-checkmark::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1976d2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.quiz-checkmark-icon {
  display: none;
}

/*書法居中（注音一）*/
@font-face {
  font-family: '書法居中（注音一）';
  src: local('書法居中（注音一）'), url('/fonts/PHT021.woff2') format('woff2'), url('/fonts/PHT021.ttf') format("truetype");
}
/*書法居中（注音二）*/
@font-face {
  font-family: '書法居中（注音二）';
  src: local('書法居中（注音二）'), url('/fonts/PHT022.woff2') format('woff2'), url('/fonts/PHT022.ttf') format("truetype");
}
/*書法居中（注音三）*/
@font-face {
  font-family: '書法居中（注音三）';
  src: local('書法居中（注音三）'), url('/fonts/PHT023.woff2') format('woff2'), url('/fonts/PHT023.ttf') format("truetype");
}
/*書法中楷（注音一）*/
@font-face {
  font-family: '書法中楷（注音一）';
  src: local('書法中楷（注音一）'), url('/fonts/PHTK51.woff2') format('woff2'), url('/fonts/PHTK51.ttf') format("truetype");
}
/*書法中楷（破音二）*/
@font-face {
  font-family: '書法中楷（破音二）';
  src: local('書法中楷（破音二）'), url('/fonts/PHTK52S.woff2') format('woff2'), url('/fonts/PHTK52S.ttf') format("truetype");
}
/*書法中楷（破音三）*/
@font-face {
  font-family: '書法中楷（破音三）';
  src: local('書法中楷（破音三）'), url('/fonts/PHTK53S.woff2') format('woff2'), url('/fonts/PHTK53S.ttf') format("truetype");
}
/*書法中楷（破音伍）*/
@font-face {
  font-family: '書法中楷（破音伍）';
  src: local('書法中楷（破音伍）'), url('/fonts/PHTK55S.woff2') format('woff2'), url('/fonts/PHTK55S.ttf') format("truetype");
}
/*書法家中楷體*/
@font-face {
  font-family: '書法家中楷體';
  src: local('書法家中楷體'), url('/fonts/DATK5.woff2') format('woff2'), url('/fonts/DATK5.ttf') format("truetype");
}

/* 注音符號專用字體（字型本名 = BopomofoRuby1909-v1，Windows 字型檢視程式 / Word 都顯示此名，
   題目 HTML 也以此名指定；原本寫 'BopomofoPro' 是對不上的別名，故改回本名並加 local()） */
@font-face {
  font-family: 'BopomofoRuby1909-v1';
  src: local('BopomofoRuby1909-v1'), url('/fonts/BopomofoRuby1909-v1-Regular.woff2') format('woff2'), url('/fonts/BopomofoRuby1909-v1-Regular.ttf') format('truetype');
}

/*
  標楷體：題目 HTML（Word 匯出）的中文以 inline font-family:標楷體 指定，
  但標楷體(DFKai-SB)是 Windows 專屬系統字，iPad/Android/Mac 等裝置沒有 → 會 fallback 成黑體。
  在此補 @font-face：local() 先吃裝置已裝的標楷體，沒裝才下載 /fonts/KAIU.TTF，讓各裝置一致。
*/
@font-face {
  font-family: '標楷體';
  src: local('標楷體'), local('DFKai-SB'), url('/fonts/KAIU.woff2') format('woff2'), url('/fonts/KAIU.TTF') format('truetype');
  font-display: swap;
}

/*書名號*/
.wdUnderlineWavy {
  position: relative;
  white-space: nowrap;
}
.wdUnderlineWavy::before {
  content: '';
  position: absolute;
  top: 105%;
  width: 100%;
  height: 0.25em;

  background:
    -webkit-linear-gradient(
      315deg,
      transparent,
      transparent 45%,
      #000000,
      transparent 55%,
      transparent 100%
    ),
    -webkit-linear-gradient(
        45deg,
        transparent,
        transparent 45%,
        #000000,
        transparent 55%,
        transparent 100%
      );
  background:
    linear-gradient(
      135deg,
      transparent,
      transparent 45%,
      #000000,
      transparent 55%,
      transparent 100%
    ),
    linear-gradient(45deg, transparent, transparent 45%, #000000, transparent 55%, transparent 100%);

  background-size: 0.5em 0.5em;
  background-repeat: repeat-x, repeat-x;
}

/* 修正呈現多餘空白問題 */
span {
  white-space: normal;
}