.vgq-wrap{max-width:720px;margin:0 auto;font-size:16px;line-height:1.6}
.vgq-empty{padding:16px;background:#fff3cd;border:1px solid #ffe69c;border-radius:8px}

/* Ads */
.vgq-ad{margin:16px 0;text-align:center;overflow:hidden;min-height:1px}
.vgq-ad-top{margin-top:0}

/* Progress */
.vgq-progress{height:8px;background:#e9ecef;border-radius:99px;overflow:hidden;margin:4px 0 6px}
.vgq-progress-bar{height:100%;background:linear-gradient(90deg,#2271b1,#46a0e6);transition:width .3s ease}
.vgq-count{font-size:13px;color:#6c757d;margin-bottom:12px;font-weight:600;letter-spacing:.3px}

/* Question */
.vgq-question{font-size:19px;font-weight:600;color:#1d2327;margin:0 0 18px;padding:16px 18px;background:#f8f9fa;border-left:4px solid #2271b1;border-radius:6px}

/* Options */
.vgq-options{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.vgq-option{display:flex;align-items:center;gap:12px;padding:13px 15px;border:2px solid #e3e6ea;border-radius:10px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.vgq-option:hover{border-color:#9ec5e8;background:#f5faff}
.vgq-option input[type=radio]{margin:0;width:18px;height:18px;flex:0 0 auto}
.vgq-option.vgq-selected{border-color:#2271b1;background:#eef6fd;box-shadow:0 0 0 1px #2271b1 inset}
.vgq-badge{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#eef1f4;color:#50575e;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.vgq-option.vgq-selected .vgq-badge{background:#2271b1;color:#fff}
.vgq-text{flex:1}

/* Navigation */
.vgq-nav{display:flex;justify-content:flex-end}
.vgq-next,.vgq-restart{appearance:none;border:none;cursor:pointer;background:#2271b1;color:#fff;font-size:16px;font-weight:600;padding:12px 26px;border-radius:8px;transition:background .15s,opacity .15s}
.vgq-next:hover,.vgq-restart:hover{background:#185a8d}
.vgq-next:disabled{background:#b9c4cf;cursor:not-allowed}

/* Result: score card */
.vgq-score-card{text-align:center;padding:26px 18px;background:linear-gradient(135deg,#2271b1,#46a0e6);color:#fff;border-radius:14px;margin-bottom:24px}
.vgq-score-num{font-size:48px;font-weight:800;line-height:1}
.vgq-score-num span{font-size:26px;font-weight:600;opacity:.85}
.vgq-score-pct{font-size:20px;font-weight:700;margin-top:4px}
.vgq-score-label{font-size:14px;letter-spacing:1px;text-transform:uppercase;opacity:.9;margin-top:6px}
.vgq-note{margin-top:10px;font-size:13px;opacity:.9}

/* Result: review */
.vgq-review-title{margin:0 0 14px;font-size:20px}
.vgq-review-q{border:1px solid #e3e6ea;border-radius:10px;padding:14px 16px;margin-bottom:14px;background:#fff}
.vgq-review-head{font-weight:600;color:#1d2327;margin-bottom:10px}
.vgq-qnum{display:inline-block;background:#2271b1;color:#fff;font-weight:700;border-radius:4px;padding:1px 8px;font-size:13px;margin-right:8px}
.vgq-review-opts{display:flex;flex-direction:column;gap:8px}
.vgq-rev-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e6ea;border-radius:8px;background:#fff}
.vgq-rev-opt .vgq-text{flex:1}
.vgq-tag{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}

/* Correct = green, Wrong = red */
.vgq-rev-opt.vgq-correct{background:#e8f6ec;border-color:#46b06a}
.vgq-rev-opt.vgq-correct .vgq-badge{background:#2e9e54;color:#fff}
.vgq-rev-opt.vgq-correct .vgq-tag{background:#2e9e54;color:#fff}
.vgq-rev-opt.vgq-wrong{background:#fdeaea;border-color:#e06666}
.vgq-rev-opt.vgq-wrong .vgq-badge{background:#d24343;color:#fff}
.vgq-rev-opt.vgq-wrong .vgq-tag{background:#d24343;color:#fff}
.vgq-skipped{font-size:13px;color:#8a6d00;background:#fff8e1;border-radius:6px;padding:6px 10px}

.vgq-restart-form{text-align:center;margin-top:6px}
.vgq-restart{background:#50575e}
.vgq-restart:hover{background:#3c4146}

@media(max-width:600px){
	.vgq-wrap{font-size:15px}
	.vgq-question{font-size:17px}
	.vgq-score-num{font-size:40px}
}