/* Spot the Error case-file design */
.error-page{max-width:960px}.error-workspace{background:linear-gradient(165deg,#fff 0%,#f7fbf8 100%);border:1px solid #b9d5c6;border-radius:24px;padding:clamp(18px,4vw,34px);box-shadow:0 14px 38px rgba(17,68,52,.06)}
.error-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px}.error-method{font-size:.77rem;font-weight:800;color:#155c4a;background:#e3f4e9;padding:10px 13px;border:1px solid #b2d8c2;border-radius:100px}.error-workspace .exam-scenario{font-size:1.03rem;line-height:1.65;background:#eaf3ec;border-left:4px solid #24856a;padding:16px 19px;border-radius:12px;margin:15px 0}.error-note{color:#48645d;line-height:1.6;font-size:.84rem}
.error-steps,.error-choices{min-width:0;border:0;padding:0;margin:26px 0 0;display:grid;gap:10px}.error-legend{font-weight:850;color:#185547;font-size:.95rem;letter-spacing:-.01em;padding:0 0 8px}.error-step,.error-option{cursor:pointer;position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:64px;padding:14px 17px;border-radius:14px;background:#fff;border:1px solid #c6d9cf;color:#25453b;line-height:1.55;transition:border-color .15s,background .15s,transform .15s}.error-step:hover,.error-option:hover{border-color:#37896e;background:#eef8f1}.error-step:has(input:checked),.error-option:has(input:checked){border-color:#157b63;background:#e2f2e8;box-shadow:inset 0 0 0 1px #157b63}.error-step:has(input:focus-visible),.error-option:has(input:focus-visible){outline:3px solid #286c58;outline-offset:3px}.error-step input,.error-option input{accent-color:#186d59;flex:0 0 auto;width:19px;height:19px;margin:0}.error-step-num,.error-choice-letter{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f3ea;color:#135a4a;font-weight:850;font-variant-numeric:tabular-nums}.error-step.is-key{border-left:5px solid #187a60}.error-analysis{margin-top:25px;padding:18px;border:1px solid #b6d6c4;border-radius:18px;background:#f1f8f3}.error-analysis-title{font-size:1.35rem;color:#1e4e43;letter-spacing:-.025em;margin:8px 0 15px}.error-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}.error-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:13px 8px;background:#fff;border:1px solid #c4dacc;border-radius:12px;font-size:.79rem;color:#355c50;font-weight:700;min-width:0}.error-metric-value{color:#17664e;font-size:1.5rem;font-weight:850}.error-analysis .typed-feedback{margin-top:17px}.error-analysis .typed-feedback p{margin:10px 0;overflow-wrap:anywhere}.error-workspace .exam-buttons{margin-top:28px}
@media(max-width:480px){.error-workspace{padding:17px 13px}.error-step,.error-option{gap:9px;padding:12px 10px;font-size:.86rem}.error-step-num,.error-choice-letter{flex-basis:28px;width:28px;height:30px}.error-metric{font-size:.72rem;padding:9px 3px}.error-metric-value{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.error-step,.error-option{transition:none}}
