/* quiz-style.css - minimal */
.quiz-container{ max-width:800px;  font-family: system-ui, Arial; }
/* .quiz-card{ background:#fff; border-radius:10px; padding:28px; box-shadow:0 6px 24px rgba(0,0,0,0.08); } */
.progress-container{ display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.progress-step{ width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eee; font-weight:600; }
.progress-step.active{ background:#1c7ed6; color:#fff; }
.progress-line{ height:4px; flex:1; background:#eee; border-radius:2px; }

.step-title{ font-size:20px; margin-bottom:6px; }
.step-subtitle{ color:#666; margin-bottom:16px; }

.quiz-question{ margin-bottom:18px; }
.quiz-option{ border:1px solid #e9e9e9; padding:10px 12px; border-radius:8px; cursor:pointer; margin-bottom:8px; display:flex; align-items:center; gap:10px; }
.quiz-option.selected{ border-color:#1c7ed6; box-shadow: 0 0 0 4px rgba(28,126,214,0.06); }
.quiz-option input{ margin-right:8px; }

.btn-quiz{ padding:8px 14px; border-radius:8px; border: none; cursor:pointer; }
.btn-quiz-primary{ background:#1c7ed6; color:#fff; }
.btn-quiz-outline{ background:transparent; border:1px solid #1c7ed6; color:#1c7ed6; }
.btn-group.split{ display:flex; gap:12px; margin-top:12px; }
.muted{ color:#888; font-size:13px; }
.result-text{ color:#333; margin-top:8px; }