/* Bahasa Inggeris (Darjah 4) — tema subjek. Gaya asas dari _core/css/style.css. */
:root {
  --sky: #f2f7ff;
  --blue: #1c64d6; /* aksen biru-buku untuk tajuk & status terpilih */
}
.homehead h1 { color: var(--blue); letter-spacing: .03em; }

/* Aras 4: kebanyakan item ialah TEKS (ayat/perkataan), bukan emoji.
   Enjin `sort`/`order`/`test`/`build` meletakkan kandungan dalam `.oe`, jadi
   saiznya perlu dibaca sebagai ayat, bukan ikon. */
.chip .oe { font-size: 1.05rem; font-weight: 700; line-height: 1.3; text-align: center; }
.chip .ot { font-size: 1.05rem; font-weight: 800; line-height: 1.3; }
.chip .ct { font-size: .95rem; color: var(--ink); }
.opt .oe { font-size: 1.05rem; font-weight: 800; line-height: 1.35; text-align: center; }
.opt .ot { font-size: 1.05rem; }
.bin .bt { font-size: .95rem; }
/* sel `diff` mengandungi rangkai kata — biar muat tanpa skrol mendatar */
.dcell .oe { font-size: 1.15rem; white-space: normal; line-height: 1.25; }

/* label: cip pool ialah EMOJI — kekalkan besar (tray selepas `.labelarea`) */
.labelarea ~ .tray .chip .oe { font-size: 2rem; }
.clozeline { font-weight: 700; }

/* ——— label: papan rajah teks/emoji (dibina dengan div dalaman via field `bg`) ——— */
.labelarea .lpg {
  position: absolute; inset: 6%; display: flex; flex-direction: column; gap: 6px;
  background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 4px 14px rgba(35, 50, 74, .1);
}
.labelarea .lrow {
  flex: 1; display: flex; align-items: center; justify-content: center; text-align: center;
  font-size: clamp(.78rem, 2.4vw, 1rem); font-weight: 700; line-height: 1.25;
  background: #f7faff; border: 2px dashed #cfe0f5; border-radius: 10px; padding: 4px 6px;
}
.labelarea .lrow.big { font-size: clamp(1.6rem, 7vw, 2.6rem); letter-spacing: .05em; }