/* Jawi dan Khat (KAFA aras 5) — tema subjek: biru-damar tenang + aksen kuning damar.
   Gaya asas dari _core/css/style.css. Perubahan di sini = penalaan legibiliti tulisan Jawi. */

:root {
  --blue: #34558b;        /* biru damar tenang untuk aksen/hover */
  --blue-d: #2a4573;
  --sky: #eef2fa;         /* kad pilihan: biru sangat lembut */
  --paper: #fffdf8;       /* kertas krim, seperti kertas khat */
  --green: #2f8f6b;
  --ink: #22324a;
}

/* ——— tulisan Jawi: guna sela & tinggi baris yang lebih longgar ——— */
.passage,
.clozeline,
.ctext,
.labelbg,
.blank,
.slot.lbl .bt {
  font-family: "Segoe UI", "Amiri", "Arabic Typesetting", "Traditional Arabic", "Times New Roman", serif;
  line-height: 1.9;
}

/* petikan Jawi dibaca dari kanan ke kiri */
.passage { direction: rtl; text-align: right; unicode-bidi: plaintext; }

/* kad & chip Jawi: teks ayat/perkataan perlu ruang, jadi saiz sedikit lebih kecil
   daripada subjek emoji tetapi tetap jelas; emoji kekal besar melalui fallback font */
.opt .oe { font-size: clamp(1.35rem, 5vw, 2rem); line-height: 1.7; }
.chip .oe { font-size: clamp(1rem, 4vw, 1.45rem); line-height: 1.8; }
.chip { max-width: 48%; }
.chip .ct { font-size: .72rem; }

/* cloze: tempat kosong Jawi + bank kad */
.clozeline { font-size: clamp(1.05rem, 3.4vw, 1.35rem); }
.blank { font-size: clamp(1.05rem, 3.4vw, 1.3rem); min-width: 84px; }

/* label: kawasan rajah (huruf/susunan khat) — dibesarkan sedikit & dibatasi supaya
   perkataan Jawi pendek tidak terkeluar dari kotak */
.labelarea { max-width: 460px; }
.labelbg { font-size: clamp(2.6rem, 13vw, 6rem); line-height: 1.4; }

/* input: papan kekunci rumi biasa */
.typeinput { letter-spacing: .02em; }