Prompt AI

Buat file HTML yang bisa langsung dipaste ke CKEditor (tanpa dependensi eksternal). Spesifikasi:

• Semua CSS ditulis inline pada elemen (tidak boleh link ke file eksternal).

• Responsif untuk layar kecil (Android): gunakan max-width, fluid layout, dan breakpoint sederhana di inline style (mis. elemen dengan style="max-width:600px;width:100%").

• Warna latar dan aksen: #e3f2fd, #fff3e0, #e8f5e9.

• Font: 'Poppins', sans-serif (pakai fallback jika font tidak tersedia).

• Tipografi: line-height nyaman, ukuran font yang baik untuk mobile (mis. base 16px–18px), teks justify (rata kiri-kanan).

• Tabel: bungkus tabel dalam <div style="overflow-x:auto;"> sehingga bisa digeser horizontal di layar kecil.

• Interaktivitas: tombol untuk setiap soal/latihan yang men-toggle (show/hide) dengan "<summary style="cursor:pointer;">"  kunci jawaban atau langkah penyelesaian. Gunakan inline JavaScript minimal yang aman untuk CKEditor (no external scripts). Pastikan tombol memiliki aria-expanded dan panel jawaban aria-hidden untuk aksesibilitas.

• Struktur konten: jelas, modul-like dengan header, subheader, daftar isi singkat, bagian Materi, Contoh Soal (dengan pembahasan), Latihan Soal (setiap soal + tombol jawaban), dan LKPD (format cetak/print-friendly).

• Hiasan: sisipkan emoji 📘, 💡, 🎯 pada judul/box info untuk mempercantik.

• Kode harus rapi, terindented, dan mudah dimodifikasi.

• Jangan sertakan dependensi eksternal atau style tag <style> yang mengandalkan file luar — semuanya inline.
  Kirim hasil berupa satu file HTML yang siap-tempel ke CKEditor.