.quiz-card{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:20px 22px;margin-bottom:16px;
  transition:transform .32s ease, opacity .32s ease;
}

/* Sequential ("Silent Teacher" style) question transitions - only used
   when a quiz is shown one question at a time. Correct answer slides the
   current question out to the left; the next one enters from the right. */
.quiz-card.slide-out{transform:translateX(-36px); opacity:0;}
.quiz-card.slide-in{transform:translateX(36px); opacity:0;}
.quiz-card.no-transition{transition:none !important;}

.quiz-q{font-weight:600;font-size:15px;margin-bottom:14px;}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:560px){.quiz-options{grid-template-columns:1fr;}}
.quiz-opt{text-align:left;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:8px;font-size:13.5px;cursor:pointer;font-family:var(--sans);transition:all .15s ease;}
.quiz-opt:hover{border-color:var(--amber);}
.quiz-opt.correct{background:rgba(79,209,197,.12);border-color:var(--teal);color:var(--teal);}
.quiz-opt.incorrect{background:rgba(240,84,107,.12);border-color:var(--danger);color:var(--danger);}
.quiz-opt[disabled]{cursor:default;}
.quiz-feedback{margin-top:12px;font-size:13.5px;color:var(--text-muted);display:none;}
.quiz-feedback.show{display:block;}

.quiz-fillblank{display:flex;gap:10px;flex-wrap:wrap;}
.quiz-fillblank-input{
  flex:1;min-width:160px;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);
  padding:11px 14px;border-radius:8px;font-size:13.5px;font-family:var(--sans);transition:all .15s ease;
}
.quiz-fillblank-input:focus{outline:none;border-color:var(--amber);}
.quiz-fillblank-input.correct{background:rgba(79,209,197,.12);border-color:var(--teal);color:var(--teal);}
.quiz-fillblank-input.incorrect{background:rgba(240,84,107,.12);border-color:var(--danger);color:var(--danger);}
.quiz-fillblank-input[disabled]{cursor:default;}
.quiz-fillblank-submit{
  font-family:var(--mono);font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:8px;
  border:1px solid var(--amber);background:var(--amber);color:#0B0E14;cursor:pointer;
}
.quiz-fillblank-submit:hover{background:#f2b25a;}
.quiz-fillblank-submit[disabled]{opacity:.5;cursor:default;background:var(--bg-panel-2);border-color:var(--border);color:var(--text-muted);}

.quiz-sequential-progress{
  font-family:var(--mono);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;
  margin-bottom:10px;
}
.quiz-sequential-done{
  font-family:var(--mono);font-size:15px;color:var(--teal);text-align:center;padding:24px;
  background:var(--bg-panel);border:1px solid var(--teal);border-radius:10px;
}