/* Tilawah Al-Quran (KAFA Darjah 4) — tema hijau-emas mushaf.
   Gaya asas dari _core/css/style.css; hanya warna & saiz teks Arab diubah di sini.
   TIADA bunyi tambahan: tiada butang 🔊 untuk teks Arab (bacaan = visual sahaja). */
:root {
  --paper: #fdfbf3;
  --sky: #eef7e9;
  --green: #2f8f5b;
  --green-d: #24724a;
  --blue: #2f6f8f;
  --red: #c4573f;
  --shadow: 0 6px 18px rgba(31, 60, 41, .14);
}
body {
  background-color: #f4f9ef;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><circle cx="22" cy="28" r="4" fill="%23dcefd0"/><circle cx="92" cy="74" r="5" fill="%23f6ecc8"/><circle cx="58" cy="102" r="3" fill="%23e6f0d8"/></svg>');
}
h1 { color: var(--green-d); }
/* kad teks Arab: fon sistem sahaja (kekal offline) + saiz besar supaya harakat jelas */
.oe, .ctext, .passage, .qtext, .slot .bt, .blank, .typeinput {
  font-family: "Traditional Arabic", "Scheherazade New", "Noto Naskh Arabic", "Segoe UI", sans-serif;
}
.opt .oe, .chip .oe, .blank, .memitem { font-size: clamp(2.5rem, 8vw, 3.5rem); line-height: 1.7; }
.opt { background: #f2f9ec; border-color: #cfe7c2; }
.opt.good { background: #dcf5e2; }
.bin { background: #f3f9ee; border-color: #bfdcae; }
.slot { background: #f3f9ee; border-color: #bfdcae; }
.passage { background: #fdf6e0; border-color: #f0e0a8; font-size: clamp(1.05rem, 3vw, 1.25rem); }
.badgechip, .rwon { background: #f6ecc8; color: #6b5312; }
.wbadge { background: #dcefd0; color: #245a1b; }