/* Ibadah (KAFA) Darjah 4 — tema subjek. Gaya asas dari _core/css/style.css. */
:root {
  --sky: #e8f6ee;
  --blue: #1f8a5c;          /* aksen utama: hijau */
  --gold: #c9962a;          /* aksen kedua: emas */
}
.homehead h1 { color: #1f8a5c; }
.brandmini { color: #226f4d; }
.namecard h1, .celcard h2 { color: #1f8a5c; }
.worldcard { border-color: rgba(31, 138, 92, .18); }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }
.worldcard, .gamecard, .btn, .opt, .chip { transition: transform .15s; }

/* teks & istilah Arab / jawi (visual sahaja — tiada audio) */
.qsub {
  font-family: "Traditional Arabic", "Segoe UI", serif;
  font-size: clamp(1.8rem, 6vw, 2.6rem);
  line-height: 1.8;
}

/* aras 4: banyak teks — utamakan kebolehbacaan */
.opt .ot { font-size: 1.05rem; line-height: 1.32; }
.chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }
.slot .bt { font-size: 1rem; }
.qtext { font-size: clamp(1.1rem, 3.2vw, 1.4rem); }

/* petikan (passage) — panel rujukan murid aras 4 */
.passage {
  font-size: clamp(1rem, 2.9vw, 1.15rem);
  line-height: 1.6;
  background: #fffaf0;
  border-color: #f2dcae;
  text-align: left;
}
/* kad langkah wuduk: chip teks lebih besar, mudah dibaca & dipegang */
.clozeline { font-size: clamp(1.05rem, 3.1vw, 1.35rem); }
.blank { border-color: #9ecfae; background: #f4fbf6; }
.blank.filled { border-color: var(--green, #2fb457); }

/* label rajah wuduk: slot lebih besar untuk jari kecil */
.labelarea { border-color: #b8dcc6; background: linear-gradient(#f4fbf6, #e8f6ee); }
.slot.lbl { border-color: #7fb3d5; }
.slot.lbl .bt { font-size: .82rem; font-weight: 900; }

/* soff diff: sel lebih lebar (emoji/istilah panjang) */
.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; }
}