/* Immediate, unmistakable feedback while keeping the quiz within one screen. */
.screen-quiz .answer.correct,.screen-order .step-right{
  background:#176747;
  border:2px solid #9df5b5;
  color:#fff;
  box-shadow:0 0 0 2px #79efaa35,0 5px 18px #001a2c55;
}
.screen-quiz .answer.correct .letter{background:#e2ffea;color:#075c35;border-color:#e2ffea;font-weight:900}
.answer-mark{margin-left:auto;display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e2ffea;color:#075c35;font-size:17px;font-weight:900;line-height:1}
.screen-answer-status{min-height:48px;padding:8px 12px;border:1px solid transparent;border-radius:9px;animation:answer-arrive .22s ease-out}
.screen-answer-status.is-correct{background:#155d42;border-color:#94f0ad;box-shadow:inset 4px 0 #b3ffcb,0 6px 18px #001a2c40}
.screen-answer-status.is-incorrect{background:#603046;border-color:#ffaba7;box-shadow:inset 4px 0 #ffaba7}
.screen-answer-status strong{flex:1;font-size:15px;line-height:1.2;color:#f3fff6!important}
.screen-answer-status.is-incorrect strong{color:#fff0ed!important}
.status-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#e2ffea;color:#075c35;font-size:19px;font-weight:900}
.is-incorrect .status-icon{background:#fff0ed;color:#8c314a;font-size:17px}
.screen-answer-status .text-button{font-size:11px!important;white-space:nowrap;color:#e2ffea!important}
.screen-answer-status.is-incorrect .text-button{color:#ffd4d1!important}
@keyframes answer-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:560px){.screen-answer-status{min-height:43px;padding:6px 9px;gap:7px}.screen-answer-status strong{font-size:13px}.screen-answer-status .text-button{font-size:10px!important}.status-icon{width:25px;height:25px;font-size:17px}.answer-mark{width:22px;height:22px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.screen-answer-status{animation:none}}
.mixed-order-list{max-height:min(46vh,420px);overflow:auto;padding:2px 4px 2px 0}.mixed-order-list .order-step{min-height:44px;padding:7px 10px}.mixed-explanation{max-height:15vh;overflow:auto;font-size:12px;line-height:1.5}.mixed-explanation p{margin:5px 0}
.hard-question-card{display:flex;flex-direction:column;gap:9px;max-width:780px}.hard-question-card h2{font-size:clamp(19px,2.4vw,26px)}.hard-question-card .order-list{max-height:54vh;overflow:auto}.hard-question-card .screen-answer-status{margin-top:5px}