/* Tilawah Al-Quran Darjah 5 — tema subjek (palet mushaf: hijau tua · emas · krim).
   Gaya asas dari _core/css/style.css. Fon Arab SISTEM sahaja (tiada fon luar/CDN, kekal file://). */

/* ——— teks Arab/harakat: fon Naskh sistem + ruang cukup untuk harakat ——— */
.oe, .qsub, .memitem, .slotimg, .arab {
  font-family: "Traditional Arabic", "Scheherazade New", "Noto Naskh Arabic", "Al Qalam", "Segoe UI", sans-serif;
}
.oe { line-height: 2; }
.opts .oe { font-size: clamp(2.4rem, 8vw, 3.6rem); white-space: normal; text-align: center; }
.chip .oe { font-size: clamp(1.5rem, 4.5vw, 2.1rem); line-height: 1.9; white-space: normal; text-align: center; }
.mitem .oe { white-space: normal; font-size: clamp(1.6rem, 5vw, 2.4rem); }
.memitem { font-size: clamp(1.4rem, 4.2vw, 2rem); line-height: 1.9; }
.qsub { line-height: 1.9; }
.dcell .oe { white-space: normal; }
.ot { font-weight: 800; letter-spacing: .01em; }

/* ——— petikan (passage): kad krim bertepi emas ——— */
.passage {
  background: #fdf8ec;
  border: 3px solid #d9a441;
  border-radius: 20px;
  color: #23324a;
  max-height: 40vh;
  overflow: auto;
}

/* ——— kod warna hukum (dual-coding) pada tong `sort` ——— */
.bin[data-bin="izhar"] { border-color: #2f7fe8; background: #eff5ff; }
.bin[data-bin="izhar"] .bt { color: #23598f; }
.bin[data-bin="idgham"] { border-color: #2fb457; background: #eefaf1; }
.bin[data-bin="idgham"] .bt { color: #1d7a3c; }
.bin[data-bin="ikhfa"] { border-color: #e08b2e; background: #fff5e8; }
.bin[data-bin="ikhfa"] .bt { color: #995a14; }
.bin[data-bin="mad"] { border-color: #7d5bd8; background: #f4f0ff; }
.bin[data-bin="mad"] .bt { color: #5238a0; }
.bin[data-bin="waqaf"] { border-color: #1f5f4a; background: #eef6f2; }
.bin[data-bin="waqaf"] .bt { color: #1f5f4a; }
.bin[data-bin="bacaan-betul"] { border-color: #2fb457; background: #eefaf1; }
.bin[data-bin="bacaan-salah"] { border-color: #e4574c; background: #fdeeec; }
.bin[data-bin="tauhid"] { border-color: #7d5bd8; background: #f4f0ff; }
.bin[data-bin="akhlak"] { border-color: #2fb457; background: #eefaf1; }
.bin[data-bin="nikmat"] { border-color: #e08b2e; background: #fff5e8; }

/* ——— rajah abstrak untuk engine `label` (garisan sahaja, tiada lakaran makhluk) ——— */
.labelarea { border-color: #d9a441; background: linear-gradient(#fdf8ec, #f4f7f2); }
.labelbg { color: #1f5f4a; }
.slot.lbl { border-color: #d9a441; }
.slot.lbl.filled { border-color: #2fb457; background: #ddf7e4; }

/* ——— kad dunia/kemajuan: aksen mushaf ——— */
.brandmini { color: #1f5f4a; }
.homehead h1 { color: #1f5f4a; }
.worldcard { border-color: #e7dfc9; }
.worldhead .wnum { color: #1f5f4a; }
.result .rwon { color: #1f5f4a; }
.btn.primary { background: #1f5f4a; }
.typeinput { border-color: #d9a441; }
.bin[data-bin="m"] { border-color: #1f5f4a; background: #eef6f2; }
.bin[data-bin="m"] .bt { color: #1f5f4a; }
.bin[data-bin="j"] { border-color: #d9a441; background: #fdf8ec; }
.bin[data-bin="j"] .bt { color: #8a6520; }
.bin[data-bin="la"] { border-color: #e4574c; background: #fdeeec; }
.bin[data-bin="la"] .bt { color: #9c2f27; }