/* Sirah (KAFA Darjah 3) — tema subjek: krim malam + emas lembut.
   Gaya asas dari _core/css/style.css; kategori KAFA: ilustrasi = emoji loket/objek sahaja
   (tiada gambaran wajah/tubuh Nabi صلى الله عليه وسلم, sahabat atau malaikat). */
:root {
  --blue: #4f46e5;          /* indigo malam */
  --sky: #f4f1ff;           /* krim ungu lembut */
}
body {
  background: var(--sky) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="24" cy="28" r="4" fill="%23e7e3ff"/><circle cx="88" cy="66" r="5" fill="%23ffedcc"/><circle cx="56" cy="98" r="3" fill="%23ffe6f0"/></svg>');
}
.homehead h1 { color: var(--blue); letter-spacing: .06em; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: #a97c1e; border-color: #8a6318; }  /* emas pekat — teks putih kekal kontras */
.opt { border-color: #e6e1ff; }
.opt:hover:not(.good):not(.bad):not(.picked):not(.tested) { background: #efecff; }
.listenbtn { background: #fff; border-color: var(--blue); box-shadow: 0 6px 18px rgba(79, 70, 229, .22); }
.stage { border-top: 6px solid #d9a441; }        /* aksen emas */
.gnum { background: #efeaff; }
.trophy { background: #ffd84d; }
.chip { border-color: #e6e1ff; }
.chip .ct { color: #4a4380; }

/* garis masa order (kronologi kelahiran, wahyu, zaman sirah) */
.answerrow { border-color: #d9a441; }

/* kad sirah berloket — emoji besar sebagai imej utama */
.qsub { font-size: clamp(2.4rem, 9vw, 3.6rem); }

/* tong sort tinggi & slot di bawah — pusat tong kekal kosong (elak klik ditelan chip disabled) */
.bin { min-height: 220px; }
.bin .bslot { margin-top: auto; }

/* kad cerita boss (📍 tempat → 📜 peristiwa → 💛 pengajaran) */
.qtext { line-height: 1.45; }