/* Ibadah (KAFA Darjah 3) — tema subjek. Gaya asas dari _core/css/style.css; warna/aksen di sini. */
:root {
  --sky: #eefaf2;
  --blue: #1f9d63;
}
.homehead h1 { color: #1f9d63; }
.brandmini { color: #2a8f5f; }
.namecard h1, .celcard h2 { color: #1f9d63; }
.worldcard, .btn:hover { transition: transform .15s; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }

/* kad langkah (order wuduk/tayammum/rukun) — jawapan besar & jelas */
.answerrow { min-height: 76px; }
.answerrow .chip, .tray .chip { border-color: #bfe6d1; background: #fbfffd; }
.answerrow .chip .ct, .tray .chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }

/* tong/slot kategori & tempat kosong — warna lembut supaya beza jelas */
.bin, .slot, .blank { border-color: #9ed7ba; }

/* teks Arab (doa) — papar besar & jelas; visual sahaja, TIADA audio */
.qsub {
  font-family: "Traditional Arabic", "Segoe UI", serif;
  font-size: clamp(1.8rem, 6vw, 2.6rem);
  line-height: 1.7;
  unicode-bidi: plaintext;
}

/* pilihan jawapan ayat panjang kekal selesa */
.opt .ot { font-size: 1.05rem; line-height: 1.3; }
/* diff: sel lebih lebar untuk emoji waktu solat */
.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; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}