.diagnosis-plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.diagnosis-plan .card{padding:20px}.diagnosis-plan h3{margin-top:15px}.diagnosis-plan .diag-count{font-size:23px;color:#426b54;margin:13px 0 8px}.diag-count small{font-size:10px;color:#899b8a}.diagnosis-plan .tiny{margin-top:13px;line-height:1.8}.diag-stage-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 15px}.diag-stage-progress>div{background:#f0f4ed;border:1px solid #e3eade;border-radius:9px;padding:12px 15px;color:#8a9c87}.diag-stage-progress .current{background:#e1efe1;border-color:#a4c7a9;color:#3a7554}.diag-stage-progress span{display:block;font-size:12px;font-weight:600}.diag-stage-progress small{display:block;font-size:10px;margin-top:6px}.diag-overall{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8c9c86}.diag-progress{margin:12px 0 22px;height:5px}.diag-exercise{max-width:940px}.diag-exercise .question{font-size:19px}.diag-exercise .player{margin-top:20px}.diag-gaps{display:grid;gap:4px}.diag-gaps .field{margin:12px 0;background:#f7faf3;padding:16px;border:1px solid #e3eadc;border-radius:9px}.diag-gaps .field>span{font-size:13px;color:#5c7657;line-height:1.9}.diag-gaps input{max-width:420px}.diag-reasons{margin:17px 0 4px}.diag-unit-feedback{padding:14px 0;border-bottom:1px solid #e3e9da}.diag-unit-feedback:last-of-type{border-bottom:0}.diag-unit-feedback>b{font-size:12px}.diag-unit-feedback strong{overflow-wrap:anywhere}.diag-error-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:17px}.diag-error-list .text-btn{text-align:left;line-height:1.7}.diag-exercise .option input{flex-shrink:0}
@media(max-width:1150px){.diagnosis-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.diag-stage-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-stage-progress>div{padding:11px}.diag-exercise{padding:20px}.diag-exercise .player{padding:18px;gap:12px}.diag-exercise .question{font-size:17px}.diag-overall{font-size:10px;flex-wrap:wrap}.diag-gaps .field{padding:13px}}@media(max-width:540px){.diagnosis-plan{grid-template-columns:1fr}.diag-exercise .option{padding:12px;gap:8px;font-size:12px}.diag-exercise .player .wave{min-width:20px}.diag-exercise .player{gap:10px}.diag-stage-progress span{font-size:11px}.diag-exercise .actions .btn{width:100%}.diag-exercise .question{overflow-wrap:anywhere}}

.diag-exercise .play:disabled{opacity:.55;cursor:default}.diag-error-replay{margin-top:20px;padding:18px;border:1px solid #d6e7d6;background:#f2f8f0;border-radius:10px}.diag-error-replay h4{margin:0 0 8px}.diag-error-replay .btn{margin-top:12px}
