/* BQI Quiz Styles — Pastel / Modern theme */
.bqi-quiz-wrap{max-width:900px;margin:18px auto;padding:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans",sans-serif;color:#0f172a}
.bqi-title{margin:0 0 12px;font-size:1.5rem}
.bqi-qcard{border:1px solid #e6edf3;background:#fff;border-radius:12px;padding:14px;margin:12px 0;box-shadow:0 6px 18px rgba(15,23,42,0.04)}
.bqi-qhead{display:flex;gap:12px;align-items:flex-start}
.bqi-qno{min-width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#eef6f9;color:#0b5770;font-weight:700}
.bqi-qtext{font-weight:600}
.bqi-opts{display:grid;gap:8px;margin-top:10px}
.bqi-opt{display:block;border:1px solid #eef6f9;padding:10px;border-radius:10px;background:#fcffff}
.bqi-opt input{margin-right:8px}
.bqi-feedback{margin-top:8px;padding:8px;border-radius:8px;font-weight:700}
.bqi-correct{background:#e6f7ea;color:#0b6e3a;border:1px solid #c7efd3}
.bqi-wrong{background:#fff0f0;color:#9b2c2c;border:1px solid #ffd6d6}
.bqi-explain{margin-top:6px;padding:8px;border-left:3px solid #e6edf3;background:#fbfbfb;border-radius:6px}
.bqi-submit{background:linear-gradient(90deg,#7dd3fc,#a78bfa);border:none;color:#06202a;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer}
.bqi-submit:hover{opacity:0.95}

/* Score card */
.bqi-score-card{margin-top:18px;padding:16px;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,0.06);text-align:center}
.bqi-score-card .bqi-score-text{font-size:1.1rem;margin-bottom:12px;font-weight:700}
.bqi-score-card.bqi-high{background:linear-gradient(180deg,#e6fbf0,#d4f7e8);color:#0b6e3a;border:1px solid #c9f1db}
.bqi-score-card.bqi-mid{background:linear-gradient(180deg,#fff8e6,#fff1d6);color:#5a3d00;border:1px solid #ffeec9}
.bqi-score-card.bqi-low{background:linear-gradient(180deg,#ffecec,#ffdede);color:#6b1414;border:1px solid #ffd6d6}

/* Progress bar wrap */
.bqi-progress-wrap{height:14px;background:#f1f5f9;border-radius:12px;overflow:hidden;margin:0 auto;max-width:600px}
.bqi-progress-bar{height:100%;background:linear-gradient(90deg,#7dd3fc,#a78bfa);width:0;transition:width 1s ease-in-out}

/* Responsive */
@media (max-width:600px){.bqi-quiz-wrap{padding:12px}.bqi-qtext{font-size:0.95rem}}