.btcq{--q-ink:var(--btc-ink,#142236);--q-muted:var(--btc-muted,#66717d);--q-line:var(--btc-line,#e1e5e8);--q-surface:var(--btc-paper,#fff);--q-soft:var(--btc-soft,#f5f7f8);--q-navy:var(--btc-navy,#0b2037);--q-gold:var(--btc-gold-text,#a87b34);max-width:940px;margin:25px auto 50px;color:var(--q-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.btcq *{box-sizing:border-box}.btcq button{font:inherit}
.btcq-intro{padding:0 0 19px;border-bottom:1px solid var(--q-line)}
.btcq-eyebrow{color:var(--q-gold);font-size:8px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}
.btcq-meta{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}
.btcq-meta span{padding:5px 8px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-surface);color:var(--q-muted);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.btcq-intro p{max-width:820px;margin:10px 0 0;color:var(--q-muted);font:400 14px/1.65 Georgia,serif}
.btcq-shell{margin-top:18px;border:1px solid var(--q-line);border-radius:13px;background:var(--q-surface);box-shadow:0 12px 35px rgba(18,28,38,.07);overflow:hidden}
.btcq-progress-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--q-line);background:var(--q-soft)}
.btcq-progress-head>div:first-child{flex:1}
.btcq-progress-label,.btcq-score{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--q-muted)}
.btcq-progress-track{height:5px;margin-top:6px;border-radius:99px;background:rgba(120,130,140,.18);overflow:hidden}
.btcq-progress-track span{display:block;height:100%;width:0;background:var(--q-gold);transition:width .25s ease}
.btcq-question{padding:28px 26px 30px}
.btcq-q-number{color:var(--q-gold);font-size:7px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.btcq-question h2{max-width:790px;margin:8px 0 18px;color:var(--q-ink);font:700 clamp(24px,3.5vw,36px)/1.13 Georgia,serif}
.btcq-hint{margin:-4px 0 16px;color:var(--q-muted);font-size:9px}.btcq-hint summary{cursor:pointer;font-weight:900;color:var(--q-ink)}.btcq-hint p{margin:7px 0 0}
.btcq-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.btcq-option{display:flex;align-items:center;gap:11px;min-height:62px;padding:11px 13px;border:1px solid var(--q-line);border-radius:8px;background:var(--q-surface);color:var(--q-ink);text-align:left;cursor:pointer;transition:.16s ease}
.btcq-option:hover:not(:disabled){border-color:#9ba5af;transform:translateY(-1px)}
.btcq-option>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:var(--q-soft);color:var(--q-muted);font-size:9px;font-weight:1000}
.btcq-option>strong{font-size:11px;line-height:1.4}
.btcq-option.is-correct{border-color:#2f7b50;background:#eff8f2}.btcq-option.is-correct>span{background:#2f7b50;color:#fff}
.btcq-option.is-wrong{border-color:#a84f4f;background:#fbf2f2}.btcq-option.is-wrong>span{background:#a84f4f;color:#fff}
.btcq-feedback{margin-top:15px;padding:12px 14px;border-radius:8px;border-left:4px solid #8b949d;background:var(--q-soft)}
.btcq-feedback.correct{border-left-color:#2f7b50}.btcq-feedback.wrong{border-left-color:#a84f4f}
.btcq-feedback>strong{font:700 15px Georgia,serif}.btcq-feedback p{margin:5px 0 0;color:var(--q-muted);font-size:10px;line-height:1.55}
.btcq-next,.btcq-button{margin-top:14px;padding:9px 13px;border:0;border-radius:6px;background:var(--q-navy);color:#fff;cursor:pointer;font-size:8px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase}
.btcq-next[hidden]{display:none!important}
.btcq-result{padding:42px 26px 44px;text-align:center}.btcq-result[hidden]{display:none!important}
.btcq-result-kicker{color:var(--q-gold);font-size:8px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}
.btcq-result-score{margin:8px 0 5px;color:var(--q-ink);font:700 clamp(44px,8vw,72px)/1 Georgia,serif}
.btcq-result p{max-width:560px;margin:8px auto;color:var(--q-muted);font:400 13px/1.55 Georgia,serif}
.btcq-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.btcq-button.secondary{background:transparent;color:var(--q-ink);border:1px solid var(--q-line)}
.btcq-about{margin-top:26px;padding-top:22px;border-top:1px solid var(--q-line)}
.btcq-about h2,.btcq-semantic h2{margin:0 0 8px;color:var(--q-ink);font:700 24px Georgia,serif}
.btcq-about p{max-width:840px;margin:7px 0;color:var(--q-muted);font-size:10px;line-height:1.6}
.btcq-semantic{margin-top:22px;padding:18px;border:1px solid var(--q-line);border-radius:9px;background:var(--q-soft)}
.btcq-semantic>ol{margin:0;padding-left:22px}.btcq-semantic>ol>li{margin:0 0 12px;color:var(--q-ink);font-size:10px;line-height:1.45}
.btcq-semantic ul{margin:5px 0 0;padding-left:18px;color:var(--q-muted)}.btcq-semantic h2{font-size:19px}
.btcq-admin-note{margin:18px 0 0;padding:10px 12px;border-left:4px solid var(--q-gold);background:var(--q-soft);color:var(--q-muted);font-size:9px}.btcq-admin-note strong{display:block;color:var(--q-ink)}
.btcq-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.btcq-directory-card{padding:16px;border:1px solid var(--q-line,#e1e5e8);border-radius:9px;background:var(--q-surface,#fff)}
.btcq-directory-kicker{color:var(--q-gold,#a87b34);font-size:7px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.btcq-directory-card h3{margin:6px 0;font:700 20px/1.05 Georgia,serif}.btcq-directory-card h3 a{color:inherit;text-decoration:none}
.btcq-directory-card p{margin:7px 0;color:var(--q-muted,#66717d);font-size:9px;line-height:1.5}.btcq-directory-meta{margin-top:9px;color:var(--q-muted,#66717d);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
body.btc-dark .btcq-shell,body.btc-dark .btcq-option,body.btc-dark .btcq-meta span{background:var(--q-surface)}
body.btc-dark .btcq-option.is-correct{background:#173524;border-color:#4a9d6d}body.btc-dark .btcq-option.is-wrong{background:#3b2222;border-color:#c46a6a}
body.btc-dark .btcq-feedback,body.btc-dark .btcq-semantic{background:var(--q-soft)}
@media(max-width:760px){.btcq-options{grid-template-columns:1fr}.btcq-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.btcq{margin-top:15px}.btcq-question{padding:22px 15px 25px}.btcq-progress-head{padding:11px 12px}.btcq-directory{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btcq *{transition:none!important;scroll-behavior:auto!important}}


/* Quiz & Games Studio 1.2 */
.btcq-options-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}
.btcq-tf{justify-content:center}

.btcq-compare{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;gap:10px;margin:18px 0}
.btcq-compare-card{display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:22px;border:1px solid var(--q-line);border-radius:12px;background:var(--q-soft);text-align:center}
.btcq-compare-card.is-known{background:var(--q-surface)}
.btcq-compare-label{font-size:7px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;color:var(--q-muted)}
.btcq-compare-card h3{margin:8px 0;color:var(--q-ink);font:700 clamp(24px,4vw,38px)/1.05 Georgia,serif}
.btcq-compare-value{margin-top:8px;color:var(--q-gold);font:700 clamp(28px,5vw,48px)/1 Georgia,serif}
.btcq-versus{display:grid;place-items:center;color:var(--q-muted);font-size:9px;font-weight:1000;letter-spacing:.1em}

.btcq-hilo-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.btcq-hilo-button{min-height:48px;border:1px solid var(--q-line);border-radius:7px;background:var(--q-surface);color:var(--q-ink);font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.btcq-hilo-button:hover:not(:disabled){border-color:#9ba5af}
.btcq-hilo-button.is-correct{border-color:#2f7b50;background:#eff8f2}
.btcq-hilo-button.is-wrong{border-color:#a84f4f;background:#fbf2f2}

body.btc-dark .btcq-compare-card,
body.btc-dark .btcq-hilo-button{background:var(--q-surface)}
body.btc-dark .btcq-hilo-button.is-correct{background:#173524;border-color:#4a9d6d}
body.btc-dark .btcq-hilo-button.is-wrong{background:#3b2222;border-color:#c46a6a}

@media(max-width:620px){
  .btcq-compare{grid-template-columns:1fr}
  .btcq-versus{min-height:24px}
  .btcq-compare-card{min-height:145px}
  .btcq-hilo-actions{grid-template-columns:1fr}
  .btcq-options-two{grid-template-columns:1fr}
}


/* 1.3.1: explicit dark-mode palette for Studio quizzes and existing Studio directory cards. */
body.btc-dark .btcq{--q-ink:#f3f6f9;--q-muted:#bcc7d1;--q-line:#354453;--q-surface:#121c25;--q-soft:#182530;--q-navy:#07121c;--q-gold:#e0b15f;color:var(--q-ink)}
body.btc-dark .btcq-intro p,body.btc-dark .btcq-progress-label,body.btc-dark .btcq-score,body.btc-dark .btcq-hint,body.btc-dark .btcq-feedback p,body.btc-dark .btcq-result p,body.btc-dark .btcq-about p,body.btc-dark .btcq-semantic ul,body.btc-dark .btcq-admin-note{color:var(--q-muted)!important}
body.btc-dark .btcq-question h2,body.btc-dark .btcq-hint summary,body.btc-dark .btcq-result-score,body.btc-dark .btcq-about h2,body.btc-dark .btcq-semantic h2,body.btc-dark .btcq-semantic>ol>li,body.btc-dark .btcq-admin-note strong,body.btc-dark .btcq-compare-card h3{color:var(--q-ink)!important}
body.btc-dark .btcq-option,body.btc-dark .btcq-hilo-button,body.btc-dark .btcq-button.secondary{color:var(--q-ink)!important}
body.btc-dark .btcq-directory-card{background:var(--q-surface);border-color:var(--q-line);color:var(--q-ink)}
body.btc-dark .btcq-directory-card h3,body.btc-dark .btcq-directory-card h3 a{color:var(--q-ink)!important}
body.btc-dark .btcq-directory-card p,body.btc-dark .btcq-directory-meta{color:var(--q-muted)!important}


/* 1.3.2: harden answer-choice contrast against theme-level button styles. */
.btcq .btcq-option,
.btcq .btcq-hilo-button {
  opacity: 1;
  -webkit-text-fill-color: currentColor;
}
.btcq .btcq-option > strong,
.btcq .btcq-hilo-button {
  color: var(--q-ink) !important;
  -webkit-text-fill-color: var(--q-ink) !important;
}
.btcq .btcq-option > span {
  color: var(--q-muted) !important;
  -webkit-text-fill-color: var(--q-muted) !important;
}
body.btc-dark .btcq .btcq-option,
body.btc-dark .btcq .btcq-hilo-button {
  background: #162331 !important;
  border-color: #415466 !important;
  color: #f5f7fa !important;
  -webkit-text-fill-color: #f5f7fa !important;
  opacity: 1 !important;
}
body.btc-dark .btcq .btcq-option > strong,
body.btc-dark .btcq .btcq-hilo-button {
  color: #f5f7fa !important;
  -webkit-text-fill-color: #f5f7fa !important;
  opacity: 1 !important;
}
body.btc-dark .btcq .btcq-option > span {
  background: #26394c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
body.btc-dark .btcq .btcq-option:hover:not(:disabled),
body.btc-dark .btcq .btcq-hilo-button:hover:not(:disabled) {
  background: #1d2e3f !important;
  border-color: #8193a3 !important;
}
body.btc-dark .btcq .btcq-option:disabled,
body.btc-dark .btcq .btcq-hilo-button:disabled {
  opacity: 1 !important;
}
body.btc-dark .btcq .btcq-option.is-correct,
body.btc-dark .btcq .btcq-hilo-button.is-correct {
  background: #173524 !important;
  border-color: #5db47e !important;
  color: #f5fff8 !important;
  -webkit-text-fill-color: #f5fff8 !important;
}
body.btc-dark .btcq .btcq-option.is-wrong,
body.btc-dark .btcq .btcq-hilo-button.is-wrong {
  background: #3b2222 !important;
  border-color: #d37b7b !important;
  color: #fff6f6 !important;
  -webkit-text-fill-color: #fff6f6 !important;
}
body.btc-dark .btcq .btcq-option.is-correct > strong,
body.btc-dark .btcq .btcq-option.is-wrong > strong {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
body.btc-dark .btcq .btcq-option.is-correct > span {
  background: #2f7b50 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.btc-dark .btcq .btcq-option.is-wrong > span {
  background: #a84f4f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}