:root{--edq-blue:#0a528e;--edq-yellow:#fab818;--edq-text:#17324a;--edq-muted:#667788;--edq-border:#dce5ee;--edq-soft:#f6f9fc;--edq-green:#16803a;--edq-red:#b42318}
.edq-quiz{max-width:860px;margin:24px auto;font-family:inherit;color:var(--edq-text)}.edq-shell{background:#fff;border:1px solid var(--edq-border);border-radius:18px;box-shadow:0 12px 34px rgba(10,55,90,.08);overflow:hidden}.edq-start,.edq-result{padding:34px}.edq-start h2,.edq-result h2{margin:0 0 10px;color:var(--edq-blue);font-size:clamp(26px,4vw,38px)}.edq-start p{color:var(--edq-muted);font-size:17px}.edq-primary{appearance:none;border:0;border-radius:10px;background:var(--edq-blue);color:#fff;padding:13px 20px;font-weight:700;cursor:pointer}.edq-secondary{appearance:none;border:1px solid #b9cbe0;border-radius:10px;background:#fff;color:var(--edq-blue);padding:12px 18px;font-weight:700;cursor:pointer}.edq-top{padding:18px 24px;border-bottom:1px solid var(--edq-border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.edq-progress{height:8px;background:#e8eef5;border-radius:999px;overflow:hidden}.edq-progress>span{display:block;height:100%;background:var(--edq-blue);border-radius:inherit}.edq-card{padding:26px 24px}.edq-question-prompt{font-size:20px;font-weight:700;line-height:1.45;margin-bottom:18px}.edq-question-image{display:block;max-width:100%;max-height:380px;object-fit:contain;border-radius:12px;margin:0 auto 20px}.edq-options{display:grid;gap:11px}.edq-choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--edq-border);padding:13px 14px;border-radius:11px;cursor:pointer;background:#fff}.edq-choice:hover{border-color:#9fb8cf;background:#fbfdff}.edq-choice input{margin-top:4px}.edq-choice img{width:110px;max-height:80px;object-fit:cover;border-radius:8px}.edq-choice-main{display:flex;gap:12px;align-items:center;flex:1;flex-wrap:wrap}.edq-select,.edq-input,.edq-textarea{width:100%;border:1px solid var(--edq-border);border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.edq-textarea{min-height:130px;resize:vertical}.edq-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid var(--edq-border);background:#fbfdff}.edq-explanation{margin-top:18px;padding:14px 16px;border-radius:10px;background:#eef6ff;border-left:4px solid var(--edq-blue)}.edq-feedback-good{background:#eef9f1;border-left-color:var(--edq-green)}.edq-feedback-bad{background:#fff1f0;border-left-color:var(--edq-red)}.edq-fill-text{font-size:18px;line-height:2}.edq-blank{width:150px;border:0;border-bottom:2px solid #98aabc;padding:2px 6px;font:inherit}.edq-match-grid{display:grid;gap:10px}.edq-match-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.edq-match-left{padding:12px;border-radius:10px;background:var(--edq-soft);font-weight:600}.edq-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.edq-rank-item{display:flex;align-items:center;gap:10px;border:1px solid var(--edq-border);border-radius:10px;padding:12px;background:#fff;cursor:grab}.edq-rank-handle{color:var(--edq-muted)}.edq-rank-controls{margin-left:auto;display:flex;gap:6px}.edq-rank-controls button{border:1px solid var(--edq-border);background:#fff;border-radius:6px;cursor:pointer}.edq-info{padding:20px;border-radius:12px;background:#eef6ff;border-left:5px solid var(--edq-blue);font-size:18px;line-height:1.6}.edq-score{font-size:clamp(38px,8vw,64px);font-weight:800;color:var(--edq-blue);margin:18px 0}.edq-score strong{color:var(--edq-yellow)}.edq-status{display:inline-block;padding:8px 12px;border-radius:999px;font-weight:700;background:#eef6ff}.edq-result .edq-primary{margin-top:18px}.edq-notice{padding:14px 16px;border:1px solid #ffd38a;background:#fff8e6;border-radius:10px}.edq-required-mark{color:var(--edq-red)}
@media(max-width:640px){.edq-quiz{margin:12px 0}.edq-shell{border-radius:14px}.edq-top{grid-template-columns:1fr auto}.edq-top .edq-progress{grid-column:1/-1;grid-row:2}.edq-card{padding:20px 16px}.edq-actions{padding:14px 16px}.edq-actions .edq-secondary,.edq-actions .edq-primary{flex:1}.edq-match-row{grid-template-columns:1fr}.edq-choice img{width:86px}.edq-start,.edq-result{padding:26px 20px}}