/* Override kecil di atas Sneat. Taruh gaya khusus aplikasi di sini. */

/* Elemen absolute di dalam tabel (mis. .visually-hidden di header kolom aksi) harus ikut terpotong
   oleh wrapper scroll; tanpa ini ia dihitung dari ancestor luar dan melebarkan halaman di HP. */
.table-responsive {
    position: relative;
}

/* Isi materi dari guru: gambar/tabel/video tidak boleh melebarkan layar */
.lesson-body img, .lesson-body video, .lesson-body iframe { max-width: 100%; height: auto; }
.lesson-body table { display: block; overflow-x: auto; }
.ratio iframe { border: 0; }