/* Adab dan Akhlak (KAFA) — tema subjek. Gaya asas dari _core/css/style.css; warna hijau-teal lembut di sini. */
:root {
  --blue: #149c8e;          /* teal lembut */
  --sky: #eafaf6;           /* latar hijau-teal pucat */
}
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="%23d7f5ee"/><circle cx="88" cy="66" r="5" fill="%23ffe9d6"/><circle cx="56" cy="100" r="3" fill="%23e7f7dd"/></svg>');
}
.homehead h1 { color: var(--blue); letter-spacing: .06em; }
.brandmini { color: #108578; }
.namecard h1, .celcard h2 { color: var(--blue); }
.btn.primary { background: #149c8e; border-color: #0e7d72; }
.gnum { background: #def6f1; }
.opt { border-color: #d8f1ec; }
/* jangan tutup status feedback teras (good/bad/picked/tested) semasa hover */
.opt:hover:not(.good):not(.bad):not(.picked):not(.tested) { background: #e3f7f3; }
.listenbtn { background: #fff; border-color: var(--blue); box-shadow: 0 6px 18px rgba(20, 156, 142, .20); }
.stage { border-top: 6px solid #7bd0c4; }
.trophy { background: #ffd84d; }

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

/* ayat sopan/adab: teks opsyen jelas & besar untuk tangan kecil */
.opt .ot { font-weight: 700; }