/*
 * BTC Editorial quiz compatibility layer
 * Loaded only for /quiz/ routes and the BTC Quiz template.
 * It intentionally styles existing markup rather than requiring quizzes to be
 * rebuilt into theme-specific blocks.
 */

body.btc-quiz-context .btc-quiz-shell{
  width:100%;
  max-width:100%;
  margin:0;
  color:var(--btc-ink);
}
body.btc-quiz-context .btc-quiz-shell > *{max-width:100%}
body.btc-quiz-context .btc-quiz-shell img,
body.btc-quiz-context .btc-quiz-shell video,
body.btc-quiz-context .btc-quiz-shell iframe{max-width:100%;height:auto}

/* Keep normal WordPress/Gutenberg blocks visually intact after leaving Kadence. */
body.btc-quiz-context .btc-quiz-shell :where(.wp-block-group,.wp-block-cover,.wp-block-columns,.wp-block-column){min-width:0}
body.btc-quiz-context .btc-quiz-shell .wp-block-columns{gap:clamp(16px,2.5vw,28px)}
body.btc-quiz-context .btc-quiz-shell .wp-block-button__link,
body.btc-quiz-context .btc-quiz-shell .wp-element-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border-radius:5px;
  background:var(--btc-navy);
  color:var(--btc-button-fg)!important;
  font:800 13px/1.2 Arial,Helvetica,sans-serif;
  text-decoration:none!important;
}

/* JS adds .btc-legacy-quiz only when the content actually looks like an
   interactive quiz (Score + Question x of y), avoiding changes to intro copy. */
.btc-legacy-quiz{
  --btc-quiz-border:var(--btc-line);
  width:100%;
  max-width:900px;
  margin:28px auto;
  padding:clamp(20px,3vw,34px);
  border:1px solid var(--btc-quiz-border);
  border-radius:12px;
  background:var(--btc-paper);
  box-shadow:var(--btc-shadow);
  color:var(--btc-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.btc-legacy-quiz :where(h1,h2,h3,h4){color:var(--btc-navy)}
.btc-legacy-quiz :where(p,li){line-height:1.6}
.btc-legacy-quiz__meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:0 0 20px;
  padding:11px 14px;
  border:1px solid var(--btc-line);
  border-radius:7px;
  background:var(--btc-soft);
}
.btc-legacy-quiz__score,
.btc-legacy-quiz__progress{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  color:var(--btc-navy);
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.btc-legacy-quiz__question-label{
  margin:22px 0 5px!important;
  color:var(--btc-gold-text)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.btc-legacy-quiz__question-heading{
  margin:0 0 18px!important;
  color:var(--btc-navy)!important;
  font:700 clamp(1.45rem,3vw,2rem)/1.2 Georgia,'Times New Roman',serif!important;
}

/* Common legacy/custom quiz class names. These selectors are deliberately
   scoped to a detected quiz root so ordinary page content is untouched. */
.btc-legacy-quiz :where(.quiz-header,.quiz-meta,.quiz-status,.score,.quiz-score,.progress,.quiz-progress,.question-count){
  color:var(--btc-navy);
  font-size:12px;
  font-weight:800;
}
.btc-legacy-quiz :where(.question,.quiz-question,.question-card,[class*="question-card"]){
  margin:18px 0;
  padding:18px;
  border:1px solid var(--btc-line);
  border-radius:8px;
  background:var(--btc-paper);
}
.btc-legacy-quiz :where(.answers,.quiz-answers,.options,.quiz-options,[class*="answer-list"],[class*="option-list"]){
  display:grid;
  gap:10px;
  margin:16px 0;
  padding:0;
  list-style:none;
}
.btc-legacy-quiz :where(button,.answer,.answer-btn,.option,.option-btn,.quiz-option,[class*="answer-option"],[class*="quiz-option"]){
  max-width:100%;
}
.btc-legacy-quiz button:not(.btc-legacy-quiz__hint-button),
.btc-legacy-quiz :where(.answer,.answer-btn,.option,.option-btn,.quiz-option,[class*="answer-option"],[class*="quiz-option"]){
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--btc-line);
  border-radius:7px;
  background:var(--btc-paper);
  color:var(--btc-ink);
  text-align:left;
  font:800 13px/1.35 Arial,Helvetica,sans-serif;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.btc-legacy-quiz button:not(.btc-legacy-quiz__hint-button):hover,
.btc-legacy-quiz :where(.answer,.answer-btn,.option,.option-btn,.quiz-option,[class*="answer-option"],[class*="quiz-option"]):hover{
  border-color:var(--btc-navy);
  background:var(--btc-soft);
  transform:translateY(-1px);
}
.btc-legacy-quiz :where(input[type="radio"],input[type="checkbox"]){accent-color:var(--btc-navy)}
.btc-legacy-quiz label:has(> input[type="radio"]),
.btc-legacy-quiz label:has(> input[type="checkbox"]){
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid var(--btc-line);
  border-radius:7px;
  background:var(--btc-paper);
  cursor:pointer;
}
.btc-legacy-quiz__hint-button,
.btc-legacy-quiz :where(.hint-button,.show-hint,[class*="hint-btn"]){
  display:inline-flex!important;
  width:auto!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border:1px solid var(--btc-navy)!important;
  border-radius:5px!important;
  background:transparent!important;
  color:var(--btc-navy)!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer;
}
.btc-legacy-quiz__hint,
.btc-legacy-quiz :where(.hint,.quiz-hint,[class*="hint-box"]){
  margin:12px 0 18px;
  padding:12px 14px;
  border-left:4px solid var(--btc-gold);
  border-radius:0 6px 6px 0;
  background:var(--btc-cream);
  color:var(--btc-ink);
  font-size:12px;
}
.btc-legacy-quiz :where(.correct,.is-correct,[data-correct="1"]){border-color:#3b7e59!important;background:#edf8f1!important}
.btc-legacy-quiz :where(.wrong,.incorrect,.is-wrong){border-color:#a84d52!important;background:#fbefef!important}
.btc-legacy-quiz :where(.result,.quiz-result,.feedback,.quiz-feedback,[class*="result-card"]){
  margin-top:18px;
  padding:16px;
  border:1px solid var(--btc-line);
  border-left:4px solid var(--btc-gold);
  border-radius:6px;
  background:var(--btc-soft);
}

/* Existing BTC-native quiz blocks remain authoritative when present. */
.btc-quiz-card{font-family:Arial,Helvetica,sans-serif}
.btc-quiz-card .btc-quiz-option{width:100%}

@media(max-width:620px){
  .btc-legacy-quiz{padding:18px 14px;border-radius:8px}
  .btc-legacy-quiz__meta-row{align-items:flex-start;flex-direction:column}
}

/* v0.8.1 — Native BTC trivia engine
   Existing trivia pages render this exact interface dynamically into
   #quiz-game. Keep these rules independent of the legacy detector so the
   quiz is styled immediately whenever its inline JS paints a question. */
body.btc-quiz-context #quiz-game{
  width:100%;
  max-width:100%;
  margin:28px auto 36px;
  color:var(--btc-ink);
  font-family:Arial,Helvetica,sans-serif;
}
body.btc-quiz-context #quiz-game:empty{display:none}
body.btc-quiz-context #quiz-game .quiz-play-box{
  width:100%;
  max-width:980px;
  margin-inline:auto;
  overflow:hidden;
  border:1px solid var(--btc-line);
  border-radius:14px;
  background:var(--btc-paper);
  box-shadow:0 16px 42px rgba(7,24,39,.09);
}
body.btc-quiz-context #quiz-game .quiz-topbar{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) minmax(120px,.8fr);
  align-items:center;
  gap:14px;
  min-height:66px;
  padding:12px 18px;
  background:var(--btc-navy);
  color:#fff;
}
body.btc-quiz-context #quiz-game .back-btn,
body.btc-quiz-context #quiz-game .quiz-finish-actions button,
body.btc-quiz-context #quiz-game .answer-result button{
  appearance:none;
  border:1px solid rgba(255,255,255,.28);
  border-radius:6px;
  background:transparent;
  color:#fff;
  min-height:40px;
  padding:9px 13px;
  font:800 11px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.015em;
  cursor:pointer;
}
body.btc-quiz-context #quiz-game .back-btn{justify-self:start;width:auto;text-align:left}
body.btc-quiz-context #quiz-game .back-btn:hover,
body.btc-quiz-context #quiz-game .back-btn:focus-visible,
body.btc-quiz-context #quiz-game .quiz-finish-actions button:hover,
body.btc-quiz-context #quiz-game .answer-result button:hover{
  background:#fff;
  color:var(--btc-navy);
  border-color:#fff;
}
body.btc-quiz-context #quiz-game .quiz-mode-label{
  text-align:center;
  color:#fff;
  font:900 11px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.btc-quiz-context #quiz-game .quiz-score-live{
  justify-self:end;
  color:#fff;
  font:900 12px/1.2 Arial,Helvetica,sans-serif;
  white-space:nowrap;
}
body.btc-quiz-context #quiz-game .quiz-inner,
body.btc-quiz-context #quiz-game .results-inner{
  padding:clamp(22px,4vw,44px);
}
body.btc-quiz-context #quiz-game .quiz-progress-row{
  display:grid;
  grid-template-columns:auto minmax(120px,1fr);
  align-items:center;
  gap:16px;
  margin-bottom:24px;
}
body.btc-quiz-context #quiz-game .quiz-progress-text{
  color:var(--btc-muted);
  font:900 11px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.btc-quiz-context #quiz-game .quiz-progress-bar,
body.btc-quiz-context #quiz-game .results-meter{
  position:relative;
  overflow:hidden;
  width:100%;
  height:8px;
  border-radius:999px;
  background:#e8edf1;
}
body.btc-quiz-context #quiz-game .quiz-progress-fill,
body.btc-quiz-context #quiz-game .results-meter-fill{
  height:100%;
  border-radius:inherit;
  background:var(--btc-gold);
  transition:width .3s ease;
}
body.btc-quiz-context #quiz-game .question-card{
  margin:0 0 18px;
  padding:clamp(18px,3vw,28px);
  border:1px solid var(--btc-line);
  border-radius:10px;
  background:var(--btc-soft);
}
body.btc-quiz-context #quiz-game .question-label{
  margin:0 0 8px;
  color:var(--btc-gold-text);
  font:900 10px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.btc-quiz-context #quiz-game h2.quiz-question{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--btc-navy)!important;
  font:700 clamp(1.45rem,3vw,2.15rem)/1.18 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.015em!important;
}
body.btc-quiz-context #quiz-game .hint-toggle-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:40px;
  margin:0 0 14px;
  padding:9px 13px;
  border:1px solid var(--btc-navy);
  border-radius:6px;
  background:transparent;
  color:var(--btc-navy);
  font:900 11px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
body.btc-quiz-context #quiz-game .hint-toggle-btn:hover,
body.btc-quiz-context #quiz-game .hint-toggle-btn:focus-visible{
  background:var(--btc-navy);
  color:#fff;
}
body.btc-quiz-context #quiz-game .hint-box{
  display:none;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #e3d7b8;
  border-left:4px solid var(--btc-gold);
  border-radius:0 7px 7px 0;
  background:var(--btc-cream);
  color:var(--btc-ink);
  font-size:13px;
  line-height:1.55;
}
body.btc-quiz-context #quiz-game .hint-box.show{display:block;animation:btc-hint-in .22s ease}
body.btc-quiz-context #quiz-game .hint-title{
  display:block;
  margin-bottom:4px;
  color:var(--btc-navy);
  font-weight:900;
}
body.btc-quiz-context #quiz-game .answer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:4px;
}
body.btc-quiz-context #quiz-game .answer-btn{
  appearance:none;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  min-height:64px;
  padding:12px 14px;
  border:1px solid var(--btc-line);
  border-radius:8px;
  background:#fff;
  color:var(--btc-ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
body.btc-quiz-context #quiz-game .answer-btn:not(:disabled):hover,
body.btc-quiz-context #quiz-game .answer-btn:not(:disabled):focus-visible{
  border-color:var(--btc-navy);
  background:var(--btc-soft);
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(7,24,39,.07);
}
body.btc-quiz-context #quiz-game .answer-btn:disabled{cursor:default;opacity:1}
body.btc-quiz-context #quiz-game .answer-letter{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--btc-navy);
  color:#fff;
  font:900 12px/1 Arial,Helvetica,sans-serif;
}
body.btc-quiz-context #quiz-game .answer-text{
  min-width:0;
  font:800 13px/1.35 Arial,Helvetica,sans-serif;
}
body.btc-quiz-context #quiz-game .answer-btn.correct{
  border-color:#2f7550!important;
  background:#edf8f1!important;
}
body.btc-quiz-context #quiz-game .answer-btn.correct .answer-letter{background:#2f7550}
body.btc-quiz-context #quiz-game .answer-btn.wrong{
  border-color:#a84d52!important;
  background:#fbefef!important;
}
body.btc-quiz-context #quiz-game .answer-btn.wrong .answer-letter{background:#a84d52}
body.btc-quiz-context #quiz-game .answer-result{
  margin-top:20px;
  padding:18px;
  border:1px solid var(--btc-line);
  border-left:5px solid var(--btc-gold);
  border-radius:8px;
  background:var(--btc-soft);
}
body.btc-quiz-context #quiz-game .answer-result.correct-result{border-left-color:#2f7550}
body.btc-quiz-context #quiz-game .answer-result.wrong-result{border-left-color:#a84d52}
body.btc-quiz-context #quiz-game .answer-result-title{
  margin:0 0 6px;
  color:var(--btc-navy);
  font:700 22px/1.2 Georgia,'Times New Roman',serif;
}
body.btc-quiz-context #quiz-game .answer-fact{font-size:13px;line-height:1.6}
body.btc-quiz-context #quiz-game .answer-result p{margin:9px 0}
body.btc-quiz-context #quiz-game .answer-result a{font-weight:800}
body.btc-quiz-context #quiz-game .answer-result button{
  margin-top:12px;
  border-color:var(--btc-navy);
  background:var(--btc-navy);
}
body.btc-quiz-context #quiz-game .answer-result button:hover{background:transparent;color:var(--btc-navy)}

/* Final score screen generated by the same BTC quiz engine. */
body.btc-quiz-context #quiz-game .results-inner{text-align:center}
body.btc-quiz-context #quiz-game .results-trophy{font-size:54px;line-height:1;margin-bottom:12px}
body.btc-quiz-context #quiz-game h2.results-title{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  color:var(--btc-navy)!important;
  font:700 clamp(1.8rem,4vw,2.7rem)/1.1 Georgia,'Times New Roman',serif!important;
}
body.btc-quiz-context #quiz-game .score-big{
  color:var(--btc-navy);
  font:900 clamp(3.2rem,8vw,5.4rem)/1 Arial,Helvetica,sans-serif;
  letter-spacing:-.05em;
}
body.btc-quiz-context #quiz-game .score-big span{
  margin-left:6px;
  color:var(--btc-muted);
  font-size:.32em;
  letter-spacing:0;
}
body.btc-quiz-context #quiz-game .score-percent{
  margin-top:7px;
  color:var(--btc-muted);
  font-size:13px;
  font-weight:800;
}
body.btc-quiz-context #quiz-game .grade-badge{
  display:inline-flex;
  margin:16px auto 0;
  padding:7px 12px;
  border-radius:999px;
  background:var(--btc-navy);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.btc-quiz-context #quiz-game .final-message{
  max-width:620px;
  margin:18px auto!important;
  color:var(--btc-ink);
  font-size:15px;
  line-height:1.6;
}
body.btc-quiz-context #quiz-game .results-meter{max-width:620px;height:10px;margin:0 auto 24px}
body.btc-quiz-context #quiz-game .results-breakdown{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:680px;
  margin:0 auto 24px;
}
body.btc-quiz-context #quiz-game .results-breakdown>div{
  padding:15px 10px;
  border:1px solid var(--btc-line);
  border-radius:8px;
  background:var(--btc-soft);
}
body.btc-quiz-context #quiz-game .results-breakdown strong,
body.btc-quiz-context #quiz-game .results-breakdown span{display:block}
body.btc-quiz-context #quiz-game .results-breakdown strong{
  color:var(--btc-navy);
  font:900 22px/1.1 Arial,Helvetica,sans-serif;
}
body.btc-quiz-context #quiz-game .results-breakdown span{
  margin-top:4px;
  color:var(--btc-muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
body.btc-quiz-context #quiz-game .quiz-finish-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
body.btc-quiz-context #quiz-game .quiz-finish-actions button{
  border-color:var(--btc-navy);
  background:var(--btc-navy);
}
body.btc-quiz-context #quiz-game .quiz-finish-actions button:hover{background:transparent;color:var(--btc-navy)}

@media(max-width:720px){
  body.btc-quiz-context #quiz-game .quiz-play-box{border-radius:10px}
  body.btc-quiz-context #quiz-game .quiz-topbar{
    grid-template-columns:1fr auto;
    gap:8px 12px;
    padding:12px 14px;
  }
  body.btc-quiz-context #quiz-game .quiz-mode-label{grid-column:1/-1;grid-row:1;text-align:left;font-size:9px}
  body.btc-quiz-context #quiz-game .back-btn{grid-column:1;grid-row:2}
  body.btc-quiz-context #quiz-game .quiz-score-live{grid-column:2;grid-row:2}
  body.btc-quiz-context #quiz-game .quiz-progress-row{grid-template-columns:1fr;gap:8px}
  body.btc-quiz-context #quiz-game .answer-grid{grid-template-columns:1fr}
  body.btc-quiz-context #quiz-game .results-breakdown{grid-template-columns:1fr}
}

@media(max-width:430px){
  body.btc-quiz-context #quiz-game .quiz-inner,
  body.btc-quiz-context #quiz-game .results-inner{padding:18px 14px}
  body.btc-quiz-context #quiz-game .back-btn{max-width:210px;white-space:normal}
  body.btc-quiz-context #quiz-game .answer-btn{grid-template-columns:34px minmax(0,1fr);padding:10px}
  body.btc-quiz-context #quiz-game .answer-letter{width:32px;height:32px}
}

/* ========================================================================== 
   v0.9.7 — dark-mode compatibility for existing/native BTC quizzes
   ========================================================================== */
/*
 * BTC Editorial's dark palette intentionally flips --btc-navy to a pale text
 * color. That works for headings, but the existing quiz engine also used the
 * same variable for filled controls while keeping answer surfaces white.
 * Explicit dark quiz surfaces below keep legacy/native quizzes readable and
 * isolated from the rest of the theme.
 */
body.btc-dark.btc-quiz-context #quiz-game .quiz-play-box{
  background:#0d1722!important;
  border-color:#263747!important;
  color:#e6edf3!important;
}
body.btc-dark.btc-quiz-context #quiz-game .quiz-topbar{
  background:#071019!important;
  color:#fff!important;
  border-color:#263747!important;
}
body.btc-dark.btc-quiz-context #quiz-game .question-card{
  background:#132131!important;
  border-color:#2b4053!important;
  color:#e6edf3!important;
}
body.btc-dark.btc-quiz-context #quiz-game h2.quiz-question,
body.btc-dark.btc-quiz-context #quiz-game .hint-title,
body.btc-dark.btc-quiz-context #quiz-game .answer-result-title,
body.btc-dark.btc-quiz-context #quiz-game h2.results-title,
body.btc-dark.btc-quiz-context #quiz-game .score-big,
body.btc-dark.btc-quiz-context #quiz-game .results-breakdown strong{
  color:#e6edf3!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.btc-dark.btc-quiz-context #quiz-game .quiz-progress-text,
body.btc-dark.btc-quiz-context #quiz-game .score-percent,
body.btc-dark.btc-quiz-context #quiz-game .score-big span,
body.btc-dark.btc-quiz-context #quiz-game .results-breakdown span{
  color:#aebdca!important;
  opacity:1!important;
}
body.btc-dark.btc-quiz-context #quiz-game .quiz-progress-bar,
body.btc-dark.btc-quiz-context #quiz-game .results-meter{
  background:#263747!important;
}

/* Unanswered answer choices. */
body.btc-dark.btc-quiz-context #quiz-game button.answer-btn,
body.btc-dark.btc-quiz-context #quiz-game .answer-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:#152536!important;
  background-image:none!important;
  color:#eef5fb!important;
  border-color:#35506a!important;
  box-shadow:none!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn .answer-text{
  color:#eef5fb!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn .answer-letter{
  background:#28445f!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #426581!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn:not(:disabled):hover,
body.btc-dark.btc-quiz-context #quiz-game .answer-btn:not(:disabled):focus-visible{
  background:#1b3146!important;
  border-color:#d8ad69!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(216,173,105,.16)!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn:disabled{
  background:#152536!important;
  color:#eef5fb!important;
  border-color:#35506a!important;
  opacity:1!important;
}

/* Selected-result states remain dark while clearly communicating status. */
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.correct,
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.correct:disabled{
  background:#173b2b!important;
  color:#f0fff5!important;
  border-color:#4f9b6d!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.correct .answer-text{
  color:#f0fff5!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.correct .answer-letter{
  background:#2f7550!important;
  border-color:#6ab286!important;
  color:#fff!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.wrong,
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.wrong:disabled{
  background:#44252a!important;
  color:#fff1f2!important;
  border-color:#b35e65!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.wrong .answer-text{
  color:#fff1f2!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-btn.wrong .answer-letter{
  background:#8f3f46!important;
  border-color:#cf737a!important;
  color:#fff!important;
}

/* Hint and feedback surfaces. */
body.btc-dark.btc-quiz-context #quiz-game .hint-toggle-btn{
  background:transparent!important;
  color:#e6edf3!important;
  border-color:#8aa1b5!important;
}
body.btc-dark.btc-quiz-context #quiz-game .hint-toggle-btn:hover,
body.btc-dark.btc-quiz-context #quiz-game .hint-toggle-btn:focus-visible{
  background:#e6edf3!important;
  color:#0d1722!important;
  border-color:#e6edf3!important;
}
body.btc-dark.btc-quiz-context #quiz-game .hint-box{
  background:#172535!important;
  color:#e6edf3!important;
  border-color:#4c5965!important;
  border-left-color:#d8ad69!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-result{
  background:#132131!important;
  color:#e6edf3!important;
  border-color:#2b4053!important;
  border-left-color:#d8ad69!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-result.correct-result{border-left-color:#4f9b6d!important}
body.btc-dark.btc-quiz-context #quiz-game .answer-result.wrong-result{border-left-color:#b35e65!important}
body.btc-dark.btc-quiz-context #quiz-game .answer-fact,
body.btc-dark.btc-quiz-context #quiz-game .answer-result p,
body.btc-dark.btc-quiz-context #quiz-game .final-message{
  color:#d7e1e9!important;
}

/* Filled action controls cannot reuse --btc-navy in dark mode because that
   variable is deliberately pale for heading text. */
body.btc-dark.btc-quiz-context #quiz-game .answer-result button,
body.btc-dark.btc-quiz-context #quiz-game .quiz-finish-actions button{
  background:#213a56!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#6f8aa2!important;
}
body.btc-dark.btc-quiz-context #quiz-game .answer-result button:hover,
body.btc-dark.btc-quiz-context #quiz-game .answer-result button:focus-visible,
body.btc-dark.btc-quiz-context #quiz-game .quiz-finish-actions button:hover,
body.btc-dark.btc-quiz-context #quiz-game .quiz-finish-actions button:focus-visible{
  background:#e6edf3!important;
  color:#0d1722!important;
  border-color:#e6edf3!important;
}
body.btc-dark.btc-quiz-context #quiz-game .grade-badge{
  background:#213a56!important;
  color:#fff!important;
}
body.btc-dark.btc-quiz-context #quiz-game .results-breakdown>div{
  background:#132131!important;
  border-color:#2b4053!important;
}

/* Generic legacy quiz detector uses a second family of older class names. */
body.btc-dark.btc-quiz-context .btc-legacy-quiz{
  background:#0d1722!important;
  color:#e6edf3!important;
  border-color:#263747!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.question,.quiz-question,.question-card,[class*="question-card"]),
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.answer,.answer-btn,.option,.option-btn,.quiz-option,[class*="answer-option"],[class*="quiz-option"]),
body.btc-dark.btc-quiz-context .btc-legacy-quiz button:not(.btc-legacy-quiz__hint-button),
body.btc-dark.btc-quiz-context .btc-legacy-quiz label:has(> input[type="radio"]),
body.btc-dark.btc-quiz-context .btc-legacy-quiz label:has(> input[type="checkbox"]){
  background:#152536!important;
  background-image:none!important;
  color:#eef5fb!important;
  border-color:#35506a!important;
  opacity:1!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.answer,.answer-btn,.option,.option-btn,.quiz-option,[class*="answer-option"],[class*="quiz-option"]):hover,
body.btc-dark.btc-quiz-context .btc-legacy-quiz button:not(.btc-legacy-quiz__hint-button):hover{
  background:#1b3146!important;
  border-color:#d8ad69!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.correct,.is-correct,[data-correct="1"]){
  background:#173b2b!important;
  color:#f0fff5!important;
  border-color:#4f9b6d!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.wrong,.incorrect,.is-wrong){
  background:#44252a!important;
  color:#fff1f2!important;
  border-color:#b35e65!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.hint,.quiz-hint,[class*="hint-box"]),
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.result,.quiz-result,.feedback,.quiz-feedback,[class*="result-card"]){
  background:#172535!important;
  color:#e6edf3!important;
  border-color:#3a4f62!important;
}
body.btc-dark.btc-quiz-context .btc-legacy-quiz__hint-button,
body.btc-dark.btc-quiz-context .btc-legacy-quiz :where(.hint-button,.show-hint,[class*="hint-btn"]){
  color:#e6edf3!important;
  border-color:#8aa1b5!important;
  background:transparent!important;
}