/*
 * Elibrary Quran V2 — UI compatibility layer
 * V0.1.8.2 / Phase 6.15 RC1
 * The Quran V2 runner intentionally reuses the production Elibrary Test
 * visual language (.eltest-*) so the new engine does not create a second
 * visual system. This file contains only V2-specific additions.
 */
.elibrary-quran-v2 .eqv2-loading { color: var(--eltest-muted); }
.elibrary-quran-v2 .eqv2-type { display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; background:var(--eltest-bg); color:var(--eltest-primary-dark); font-size:.72rem; font-weight:800; margin-bottom:10px; }
.elibrary-quran-v2 .eqv2-source { margin-top:10px; padding:10px 12px; border-radius:10px; background:var(--eltest-bg); color:var(--eltest-muted); font-size:.82rem; line-height:1.45; overflow-wrap:anywhere; }
.elibrary-quran-v2 .eqv2-source strong { color:var(--eltest-primary-dark); }
.elibrary-quran-v2 .eqv2-ayah { margin-top:8px; font-size:.82rem; color:var(--eltest-muted); font-weight:600; }
.elibrary-quran-v2 .eqv2-review-note { margin:0 0 12px; padding:10px 12px; border-radius:10px; background:#fffbeb; border:1px solid #fde68a; color:var(--eltest-warning); font-size:.85rem; line-height:1.45; }
.elibrary-quran-v2 .eqv2-result-meta { text-align:center; color:var(--eltest-muted); font-size:.85rem; margin:-8px 0 16px; }
.elibrary-quran-v2 .eqv2-explanation-extra { margin-top:10px; }
.elibrary-quran-v2 .eqv2-explanation-extra strong { color:var(--eltest-primary-dark); }
.elibrary-quran-v2 .eqv2-option-check { margin-top:10px; padding:10px 12px; border-radius:10px; background:var(--eltest-bg); font-size:.86rem; line-height:1.5; }
.elibrary-quran-v2 .eltest-stimulus-body { max-height: 520px; overflow-y: auto; }
.elibrary-quran-v2 .eltest-stimulus-body p { margin: 0 0 10px; }
.elibrary-quran-v2 .eqv2-option-check { margin-top: 12px; padding: 12px 14px; border: 1px solid var(--eltest-border); border-radius: 10px; background: var(--eltest-bg); }
.elibrary-quran-v2 .eqv2-option-check ul { margin: 8px 0 0 20px; padding: 0; }
.elibrary-quran-v2 .eqv2-option-check li { margin: 5px 0; line-height: 1.5; }
/* Phase 6.19 — Ayah stimulus presentation + guided fill-in */
.eqv2-quran-arabic{font-size:2rem;line-height:1.9;text-align:right;padding:14px 10px;margin:4px 0 10px;border-bottom:1px solid var(--eltest-border);font-family:"Noto Naskh Arabic","Amiri",serif}
.eqv2-quran-translit,.eqv2-quran-translation,.eqv2-quran-tafsir,.eqv2-quran-summary{margin:10px 0;padding:10px 12px;border-radius:10px;background:var(--eltest-bg);line-height:1.65}
.eqv2-quran-tafsir{border-left:4px solid var(--eltest-primary)}
.eqv2-quran-summary{border-left:4px solid var(--eltest-secondary)}
.eqv2-quran-guidance{font-size:.9rem;margin-top:12px;padding:9px 11px;border:1px dashed var(--eltest-border);border-radius:9px}
.eqv2-fill-guidance{margin-top:12px;padding:12px;border:1px dashed var(--eltest-border);border-radius:10px;background:var(--eltest-bg)}
.eqv2-fill-choice-bank{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}
.eqv2-fill-choice{border:1px solid var(--eltest-border);background:#fff;border-radius:999px;padding:7px 11px;cursor:pointer}
.eqv2-fill-choice:hover{transform:translateY(-1px)}
/* Phase 6.20 RC2 — visible naming: Materi Ayat, not internal "stimulus" terminology. */
.eltest-ayah-material{margin:0 0 18px;border:1px solid rgba(37,99,235,.18);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.eltest-ayah-material-head{padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}
.eltest-ayah-material-title{font-weight:800;color:#1e3a8a}
.eltest-ayah-material-type{font-size:12px;color:#475569;margin-top:4px}
.eltest-ayah-material-body{padding:16px}
.eqv2-fill-guidance{margin-top:12px}
.eqv2-fill-choice-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.eqv2-fill-choice{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:7px 11px;cursor:pointer;font-weight:700}
.eqv2-fill-choice:hover{background:#eff6ff}

/* Phase 6.20 RC4 content guidance contrast */
.eqv2-quran-guidance,.eqv2-fill-guidance{color:#1f2937!important;background:#f8fafc!important;}
.eqv2-fill-guidance strong{color:#111827!important;}
.eqv2-fill-choice{color:#111827!important;background:#ffffff!important;border:1px solid #cbd5e1!important;}