.quiz-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.08);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1000px;padding:20px 24px;width:100%}.quiz-question{font-size:1.1rem;font-weight:600;margin-bottom:14px}#quiz-options,.quiz-options{display:grid;gap:10px;margin-bottom:12px}.quiz-option{align-items:center;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:border-color .2s,background-color .2s}.quiz-option:hover{background:#f9fafb;border-color:#d1d5db}.quiz-option input[type=radio]{accent-color:#2b6cb0;height:18px;width:18px}.quiz-footer{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-top:10px}.quiz-actions-left{grid-column:1;justify-self:start}.quiz-progress-bottom{color:#4b5563;font-size:.95rem;grid-column:2;justify-self:center}.quiz-actions-right{grid-column:3;justify-self:end}.quiz-button{background:#2b6cb0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background-color .2s,opacity .2s}.quiz-button:hover{background:#1e4f85}.quiz-button:disabled{cursor:not-allowed;opacity:.5}.quiz-button--secondary{background:#e5e7eb;color:#111827}.quiz-button--secondary:hover{background:#d1d5db}.quiz-result{font-size:1.1rem;font-weight:600;margin-top:16px}.quiz-progress{display:none!important}@media (max-width:420px){.quiz-card{padding:16px 18px}.quiz-button{padding:9px 12px}}