/* Quiz interaction states. Explicit colors override legacy dark-theme declarations.
   Kept intact by WP Rocket because these elements appear after the initial render. */
body #page-container #et-boc #scgRQCard .scg-option {
 color:#10202b!important;background:#fff!important;border:1px solid #9faeb8!important;
 border-radius:12px!important;padding:18px 20px!important;gap:16px!important;
 transform:none!important;box-shadow:none!important;opacity:1!important;
 transition:background-color .15s,border-color .15s,color .15s!important;
}
body #page-container #et-boc #scgRQCard .scg-option .scg-option-label {
 color:#10202b!important;font-size:17px!important;line-height:1.55!important;
 font-weight:600!important;min-width:0;overflow-wrap:anywhere;
}
body #page-container #et-boc #scgRQCard .scg-option .scg-option-letter {
 width:36px!important;height:36px!important;flex:0 0 36px!important;
 background:#fff2a6!important;border:1px solid #10202b!important;border-radius:8px!important;
 color:#10202b!important;line-height:1!important;
}
body #page-container #et-boc #scgRQCard .scg-option.correct {
 background:#e8f5ec!important;border-color:#267449!important;
}
body #page-container #et-boc #scgRQCard .scg-option.wrong {
 background:#fff0ee!important;border-color:#a72d30!important;
}
body #page-container #et-boc #scgRQCard .scg-option.correct .scg-option-letter {
 color:#fff!important;background:#267449!important;border-color:#267449!important;
}
body #page-container #et-boc #scgRQCard .scg-option.wrong .scg-option-letter {
 color:#fff!important;background:#a72d30!important;border-color:#a72d30!important;
}
body #page-container #et-boc #scgRQCard .scg-option.locked {cursor:default!important}

body #page-container #et-boc #scgRQCard .scg-rq-explanation {
 color:#10202b!important;background:#fff!important;border:1px solid #aebcc5!important;
 border-left:5px solid #267449!important;border-radius:12px!important;
 padding:24px!important;margin-top:24px!important;height:auto!important;min-height:0!important;
 opacity:1!important;visibility:visible!important;animation:none!important;
}
body #page-container #et-boc #scgRQCard .scg-rq-explanation.wrong-explain {border-left-color:#a72d30!important}
body #page-container #et-boc #scgRQCard .scg-rq-explanation p,
body #page-container #et-boc #scgRQCard .scg-rq-explanation p :is(span,strong,em) {
 color:#10202b!important;-webkit-text-fill-color:#10202b!important;
 opacity:1!important;visibility:visible!important;font-size:17px!important;line-height:1.65!important;
}
body #page-container #et-boc #scgRQCard .scg-rq-explanation p {
 margin:0!important;padding:0!important;max-width:78ch!important;overflow-wrap:anywhere;
}
body #page-container #et-boc #scgRQCard .scg-rq-exp-status {
 display:flex!important;align-items:center!important;gap:10px!important;
 font-size:17px!important;line-height:1.5!important;margin:0 0 14px!important;font-weight:750!important;
}
body #page-container #et-boc #scgRQCard .scg-rq-exp-status.is-correct {color:#21663d!important}
body #page-container #et-boc #scgRQCard .scg-rq-exp-status.is-wrong {color:#a72d30!important}
body #page-container #et-boc #scgRQCard .scg-rq-exp-icon {
 flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:8px!important;
 color:#fff!important;background:#267449!important;font-size:18px!important;line-height:1!important;
}
body #page-container #et-boc #scgRQCard .scg-rq-exp-icon.is-wrong {background:#a72d30!important}
body #page-container #et-boc #scgRQCard .scg-rq-explanation .scg-rq-learn-link {
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 min-height:48px!important;max-width:100%!important;margin:20px 0 0!important;padding:12px 16px!important;
 border:1px solid #9f890a!important;border-radius:8px!important;background:#ffda28!important;
 color:#10202b!important;-webkit-text-fill-color:currentColor!important;
 text-decoration:none!important;font-size:16px!important;line-height:1.5!important;font-weight:700!important;
 white-space:normal!important;overflow-wrap:anywhere;box-shadow:none!important;transform:none!important;
 transition:background-color .15s,color .15s,border-color .15s!important;
}

/* Results and follow-up controls share the same readable light presentation. */
body #page-container #et-boc #scgRQCard :is(.scg-rq-score-section,.scg-rq-cat-row,.scg-rq-gap-card) {
 color:#10202b!important;background:#fff!important;border-color:#aebcc5!important;
}
body #page-container #et-boc #scgRQCard :is(.scg-rq-verdict,.scg-rq-gaps h4,.scg-rq-cat-name,.scg-rq-cat-score,.scg-rq-gap-q) {color:#10202b!important}
body #page-container #et-boc #scgRQCard :is(.scg-rq-score-label,.scg-rq-verdict-sub,.scg-rq-running-score) {color:#455867!important}
body #page-container #et-boc #scgRQCard .scg-rq-score-big.ready {color:#21663d!important}
body #page-container #et-boc #scgRQCard .scg-rq-score-big.almost {color:#856000!important}
body #page-container #et-boc #scgRQCard .scg-rq-score-big.notyet {color:#a72d30!important}
body #page-container #et-boc #scgRQCard :is(.scg-btn,.scg-rq-share-btn) {
 background:#ffda28!important;color:#10202b!important;border:1px solid #9f890a!important;
 border-radius:8px!important;min-height:48px!important;line-height:1.5!important;
 white-space:normal!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;
 transition:background-color .15s,color .15s,border-color .15s!important;
}
body #page-container #et-boc #scgRQCard .scg-btn:disabled {
 background:#e8edf0!important;color:#53616b!important;border-color:#c4cdd3!important;opacity:1!important;
}
body #page-container #et-boc #scgRQCard :is(a,button,[tabindex]):focus-visible {
 outline:3px solid #10202b!important;outline-offset:3px!important;
}
@media(hover:hover) and (pointer:fine) {
 body #page-container #et-boc #scgRQCard .scg-option:not(.locked):hover {background:#10202b!important;border-color:#10202b!important}
 body #page-container #et-boc #scgRQCard .scg-option:not(.locked):hover .scg-option-label {color:#fff!important}
 body #page-container #et-boc #scgRQCard :is(.scg-rq-learn-link,.scg-rq-share-btn,.scg-btn):not(:disabled):hover {
  color:#fff!important;background:#10202b!important;border-color:#10202b!important;
 }
}
@media(max-width:640px) {
 body #page-container #et-boc #scgRQCard .scg-option {padding:15px!important;gap:12px!important}
 body #page-container #et-boc #scgRQCard .scg-option .scg-option-label {font-size:16px!important}
 body #page-container #et-boc #scgRQCard .scg-rq-explanation {padding:18px!important;margin-top:20px!important}
 body #page-container #et-boc #scgRQCard .scg-rq-explanation p,
 body #page-container #et-boc #scgRQCard .scg-rq-exp-status {font-size:16px!important}
 body #page-container #et-boc #scgRQCard .scg-rq-explanation .scg-rq-learn-link {width:100%!important}
 body #page-container #et-boc #scgRQCard .scg-rq-share-row {flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce) {
 body #page-container #et-boc #scgRQCard .scg-animate-in {animation:none!important;opacity:1!important;transform:none!important}
}
