/* Bahasa Melayu Darjah 4 — tema subjek (biru-teal, tumpuan teks untuk murid 10 tahun).
   Gaya asas dari _core/css/style.css; hanya warna/aksen subjek diubah di sini. */
:root {
  --sky: #eaf4ff;
  --paper: #fdfcf7;
  --green: #2f8f6f;
  --green-d: #237057;
  --blue: #1f6fbf;
}
.homehead h1 { color: #1f6fbf; }
.brandmini { color: #2f8f6f; }
.namecard h1, .celcard h2 { color: #1f6fbf; }
.gamecard:hover, .opt:hover, .chip:hover, .btn:hover { transform: translateY(-2px); }

/* Ayat BM panjang (kata majmuk, petikan, karangan) perlu ruang & saiz selesa */
.opt .ot { font-size: 1.05rem; line-height: 1.35; }
.opts { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.opts.two { min-height: auto; }
.mitem { max-width: 260px; }
.mitem .ot, .mitem .oe { text-align: center; line-height: 1.3; }
.chip { max-width: 300px; }
.chip .oe { font-size: clamp(1rem, 2.6vw, 1.35rem); font-weight: 800; text-align: center; }
.chip .ct { font-size: .95rem; font-weight: 800; color: var(--ink); }
.slot .bt, .slot.lbl .bt { font-size: .85rem; line-height: 1.2; }
.slot { min-height: 96px; }
.slot .slotimg { font-size: 1.6rem; font-weight: 800; text-align: center; line-height: 1.1; }
.diffrow .dcell { width: auto; min-width: 120px; height: auto; min-height: 72px; padding: 10px 12px; }
.diffrow .dcell .oe { font-size: clamp(1rem, 2.4vw, 1.3rem); font-weight: 800; }
.passage { font-size: clamp(1.02rem, 3vw, 1.2rem); line-height: 1.55; }
.clozeline { font-weight: 800; }
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}