/* Adab dan Akhlak (KAFA) Darjah 5 — tema hijau-teal tenang (murid 11 tahun) 💐
   Gaya asas dari _core/css/style.css; hanya warna/aksen subjek diubah di sini. */
:root {
  --blue: #157a6e;          /* teal-hijau matang — warna utama subjek */
  --sky: #f4faf7;           /* krim-hijau sangat pucat — latar */
  --paper: #fffdf7;
  --green: #1f9d55;
  --green-d: #157347;
}
body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="22" cy="30" r="4" fill="%23d8efe6"/><circle cx="88" cy="66" r="5" fill="%23e9f3dd"/><circle cx="56" cy="100" r="3" fill="%23f0e6cd"/></svg>');
}
.homehead h1 { color: #0f5f56; letter-spacing: .05em; }
.brandmini { color: #0f5f56; }
.namecard h1, .celcard h2 { color: #0f5f56; }
.btn.primary { background: #157a6e; border-color: #0f5f56; }
.gnum { background: #e6f4ef; }
.opt { border-color: #cfe9e2; }
/* jangan tutup status feedback teras (good/bad/picked/tested) semasa hover */
.opt:hover:not(.good):not(.bad):not(.picked):not(.tested) { background: #eefaf6; }
.stage { border-top: 6px solid #7fc9bb; }
.trophy { background: #ffd84d; }   /* emas */

/* aras 5 = teks lebih panjang (ayat 2–3 baris): beri ruang baca selesa */
.qtext { line-height: 1.45; }
.passage { max-width: 620px; }

/* kotak "Sebab…" — dibezakan supaya murid nampak ia sebab, bukan sekadar betul/salah */
.fb .fact {
  background: #fff6da; border-left: 6px solid #f0b429; border-radius: 12px; padding: 8px 12px;
}

/* tong sort besar (mesra drag) */
.bin { min-height: 190px; }
.bin .bslot { margin-top: auto; }

/* `label`: titik label jelas pada rajah kotak abstrak */
.slot.lbl .bt { font-size: .82rem; font-weight: 800; }