.wp-quiz-wrapper { font-family: 'Segoe UI', Tahoma, sans-serif; background: transparent; direction: rtl; text-align: right; margin: 10px auto; width: 100%; max-width: 900px; min-width: 0; }
.wp-quiz-wrapper .quiz-container-embedded { background: #f8fafc; padding: 15px; border-radius: 8px; border: 1px solid #e2e8f0; }
.wp-quiz-wrapper *,
.wp-quiz-wrapper *::before,
.wp-quiz-wrapper *::after { box-sizing: border-box; }

.wp-quiz-wrapper .dir-ltr { direction: ltr !important; text-align: left !important; }
.wp-quiz-wrapper .dir-rtl { direction: rtl !important; text-align: right !important; }

.wp-quiz-wrapper .quiz-header-embedded { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 12px; gap: 10px; }
.wp-quiz-wrapper .quiz-header-embedded h3 { font-size: 1.05rem; margin: 0; color: #1e293b; }
.wp-quiz-wrapper .quiz-header-embedded > div { flex: 1 1 100%; min-width: 0; }
.wp-quiz-wrapper .quiz-score-badge { font-size: 0.9rem; font-weight: 600; color: #475569; }

.wp-quiz-wrapper .quiz-grid-embedded { display: grid; grid-template-columns: 1fr; gap: 15px; min-width: 0; }
.wp-quiz-wrapper .quiz-grid-embedded > * { min-width: 0; }

.wp-quiz-wrapper .quiz-nav { display: flex; flex-wrap: wrap; gap: 4px; align-items: flex-start; align-content: flex-start; min-width: 0; height: auto; max-height: none; overflow: visible; }
.wp-quiz-wrapper .nav-item { flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #cbd5e1; background: white; cursor: pointer; border-radius: 4px; font-weight: 600; color: #64748b; font-size: 0.75rem; display:flex; align-items:center; justify-content:center; padding:0; }
.wp-quiz-wrapper .nav-item:hover { border-color:#4f46e5; color:#4f46e5; }
.wp-quiz-wrapper .nav-item.active { border-color: #4f46e5; background:#eef2ff; color:#4f46e5; border-width:2px; }
.wp-quiz-wrapper .nav-item.done { background: #4f46e5; color: white; border-color:#4f46e5; }
.wp-quiz-wrapper .nav-item.marked { border-color: #f59e0b; color: #d97706; background: #fffbeb; position:relative; }
.wp-quiz-wrapper .nav-item.marked::after { content:'•'; position:absolute; top:-3px; right:2px; color:#d97706; font-size:1.4em; line-height:1; }

.wp-quiz-wrapper .mark-btn { background:transparent; border:1px solid #cbd5e1; color:#64748b; padding:3px 10px; border-radius:15px; cursor:pointer; font-family:inherit; font-size:0.8rem; transition:0.2s; }
.wp-quiz-wrapper .mark-btn.active { background:#fffbeb; color:#d97706; border-color:#f59e0b; }

.wp-quiz-wrapper .passage-display { background: #fff7ed; border-right: 3px solid #f97316; padding: 10px; margin-bottom: 12px; line-height:1.5; border-radius:4px; color:#7c2d12; font-size:0.9rem; }
.wp-quiz-wrapper .q-text-style { font-size:1.05rem; margin-top:0; margin-bottom:12px; line-height:1.4; color:#0f172a; font-weight:600; }
.wp-quiz-wrapper .q-img img { max-width: 100%; border-radius: 8px; margin-bottom: 10px; }

.wp-quiz-wrapper .opts-grid { display: flex; flex-direction: column; gap: 6px; }
.wp-quiz-wrapper .opt-btn { padding: 8px 14px; border: 1px solid #cbd5e1; background: white; cursor: pointer; border-radius:6px; font-size:0.95rem; position:relative; color:#334155; transition:0.2s; text-align:inherit; line-height:1.3; }
.wp-quiz-wrapper .opt-btn:hover:not(:disabled) { background: #f8fafc; border-color:#94a3b8; }
.wp-quiz-wrapper .opt-btn.correct { background: #ecfdf5; border-color: #10b981; color:#064e3b; font-weight:700; }
.wp-quiz-wrapper .opt-btn.wrong { background: #fef2f2; border-color: #ef4444; color:#7f1d1d; opacity:0.8; }

.wp-quiz-wrapper .feed-box { background: #f0fdf4; padding: 10px; margin-top: 10px; border-right: 3px solid #10b981; border-radius:4px; font-size:0.85rem; color:#166534; }

.wp-quiz-wrapper .quiz-controls { margin-top: 15px; display: flex; flex-direction: column; gap: 10px; justify-content: stretch; border-top:1px solid #e2e8f0; padding-top:12px; direction: rtl; }
.wp-quiz-wrapper .q-btn { width: 100%; padding: 10px 16px; border: none; border-radius: 6px; cursor: pointer; font-size:0.95rem; font-weight:600; transition: 0.2s; }
.wp-quiz-wrapper .q-btn.pri { background: #4f46e5; color: white; }
.wp-quiz-wrapper .q-btn.pri:hover { background: #4338ca; }
.wp-quiz-wrapper .q-btn.sec { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.wp-quiz-wrapper .q-btn.sec:hover { background: #e2e8f0; }

@media (max-width: 768px) {
    .wp-quiz-wrapper .quiz-grid-embedded { grid-template-columns: 1fr; gap: 12px; }
    .wp-quiz-wrapper .quiz-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; gap: 4px; grid-template-columns:none; max-height:none; }
    .wp-quiz-wrapper .nav-item { width: 32px; height: 32px; flex-shrink: 0; font-size:0.8rem; }
    .wp-quiz-wrapper .opt-btn { font-size: 0.9rem; padding: 10px; }
}