/* Bahasa Arab (KAFA) — tema subjek. Gaya asas dari _core/css/style.css; ubah suai warna/aksen di sini. */
:root {
  --sky: #fdf3ee;
  --blue: #c2453b;
}
/* fon Arab dalam stack badan — fallback per-glyph (tiada engine diubah) */
body {
  font-family: "Segoe UI", "Trebuchet MS", system-ui, sans-serif, "Segoe UI Arabic", "Noto Naskh Arabic", "Traditional Arabic", "Amiri";
}
.homehead h1 { color: #c2453b; }
.brandmini { color: #a63c33; }
.namecard h1, .celcard h2 { color: #c2453b; }
.worldcard, .btn:hover { transition: transform .15s; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }
/* utiliti teks Arab (dir=rtl) — harakat tak bertindih */
.ar { direction: rtl; font-family: "Segoe UI Arabic", "Traditional Arabic", "Noto Naskh Arabic", "Amiri", serif; }
/* teks Arab (soalan/kalimah) — papar besar & jelas (visual sahaja, tiada audio) */
.qsub {
  font-family: "Traditional Arabic", "Segoe UI Arabic", "Segoe UI", serif;
  font-size: clamp(1.8rem, 6vw, 2.6rem);
  line-height: 1.9;
}
.qtext { line-height: 1.5; }
/* transliterasi + maksud pada kad opsyen kekal selesa */
.opt .ot { font-size: 1.05rem; line-height: 1.35; }
/* diff: sel lebih lebar untuk huruf/kalimah 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; line-height: 1.9; }
/* label chip sort lebih jelas untuk murid 7 tahun */
.chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}