/* Tahfiz Al-Quran (KAFA) — tema subjek. Gaya asas dari _core/css/style.css; aksen di sini.
   Palet hafazan: ungu tua · keemasan · krim (beza dari hijau Tilawah — PLAN §5).
   Fon Arab: SISTEM sahaja (tiada fon luar/CDN — kekal berfungsi luar talian file://). */
:root {
  --sky: #fbf6ec;              /* krim lembut */
  --blue: #6b3fa0;             /* ungu tua — aksen utama */
}
.homehead h1 { color: #5b2d8e; }
.brandmini { color: #7a5ab5; }
.namecard h1, .celcard h2 { color: #5b2d8e; }
.trophy { background: #ffd84d; color: #6b4b00; }
.worldcard, .btn:hover { transition: transform .15s; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }

/* teks Arab ayat — papar BESAR & jelas, ruang cukup untuk harakat (PLAN §5) */
.oe, .qsub, .memitem, .slotimg, .bt, .ot {
  font-family: "Traditional Arabic", "Scheherazade New", "Noto Naskh Arabic", "Al Qalam", "Segoe UI", sans-serif;
}
.qsub {
  font-size: clamp(2.1rem, 7vw, 3rem);
  line-height: 2;             /* harakat atas/bawah tidak bertindih */
}
.chip .oe { font-size: clamp(1.5rem, 4.5vw, 2rem); white-space: normal; text-align: center; }
.mitem .oe { white-space: normal; }
.opts .oe { white-space: normal; }
.memitem { font-size: clamp(1.3rem, 4vw, 1.9rem); line-height: 1.9; }
.opt .ot { font-size: 1.05rem; line-height: 1.3; }

/* diff: sel lebih lebar untuk baris ayat Arab */
.diffrow .dcell { width: auto; min-width: 96px; height: auto; min-height: 64px; padding: 8px 10px; }
.diffrow .dcell .oe { font-size: clamp(1rem, 2.8vw, 1.35rem); font-weight: 800; }
/* label chip sort lebih jelas untuk murid 7 tahun */
.chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }
/* padanan: lajur kanan→kiri dibalik untuk kad Arab supaya nombor ayat di sisi kiri visual */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}