/* Pendidikan Islam — tema subjek (nada tenang: krim, hijau pastel, biru muda;
   gaya asas dari _core/css/style.css). */

:root {
  --sky: #f6fbf4;        /* latar krim-hijau lembut */
  --green: #3fa86b;      /* hijau tenang (bukan terpekik) */
  --green-d: #2f8f56;
  --blue: #3d8b7d;       /* toska lembut untuk tajuk */
  --paper: #fffdf6;
}

/* skrip Arab — jelas & besar (kad doa, soalan sub) */
.qsub,
.mitem .ot,
.chip .oe {
  font-family: "Traditional Arabic", "Scheherazade New", "Amiri", "Noto Naskh Arabic",
               "Segoe UI Historic", serif;
}
.qsub { font-size: clamp(1.8rem, 6vw, 2.6rem); line-height: 1.7; direction: rtl; }

/* pilihan teks panjang (transliterasi doa) — elak limpahan */
.opt .ot, .mitem .ot, .chip .ct {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* pool build: kad doa berbentuk teks — saiz lebih kecil & teratur */
.buildarea + .tray .chip { min-width: 130px; max-width: 210px; }
.buildarea + .tray .oe {
  font-size: .95rem;
  font-weight: 700;
  white-space: normal;
  text-align: center;
  line-height: 1.35;
  font-family: "Segoe UI", system-ui, sans-serif;
}

/* trim tengah untuk item sort/order panjang */
.chip .ct { font-size: .78rem; }

/* Aras 2 — skrip Arab kekal besar & jelas dalam kad pilihan; kad nombor langkah. */
.opt .oe {
  font-family: "Traditional Arabic", "Scheherazade New", "Amiri", "Noto Naskh Arabic", serif;
  font-size: clamp(2rem, 6.4vw, 2.7rem);
  line-height: 1.6;
  unicode-bidi: isolate;
}
.chip .oe { unicode-bidi: isolate; }
.kad-nombor { font-weight: 900; letter-spacing: .04em; }