/* ============================================ TABLET (769px – di bawah 1440px) — JavasMedia Dipakai bersama oleh semua halaman, sama kayak mobile.css. Rentang ini SENGAJA gak berhenti di 1024px - lihat komentar di tablet.js buat alasannya (singkatnya: iPad landscape lebarnya bisa di atas 1024px). BEDA PENDEKATAN dari mobile.css: desain desktop situs ini fixed-width 1440px, hampir semua section pakai absolute positioning (bukan flexbox/ grid), jadi rebuild manual per section (kayak mobile.css) akan makan waktu sangat lama. Disepakati Amir (2026-09-18): tampilan desktop "diciutkan" proporsional supaya pas di lebar tablet - bukan didesain ulang. Trade-off yang disadari & diterima: tombol/teks jadi agak kecil buat disentuh jari (proporsinya sama kayak desktop). REVISI 2026-09-18: sempat pakai CSS `zoom` (murni CSS, tanpa JS), TAPI ketauan di iPad Safari asli render-nya rusak (kartu sub-campaign jadi miring-miring, header mobile jadi raksasa/berantakan) padahal di Chromium (tool testing) sama sekali gak masalah - `zoom` ternyata gak kompatibel sama transform/container-query yang dipakai di situs ini kalau di Safari. Diganti ke `transform: scale()` (jauh lebih standar & stabil lintas browser) - scaling-nya sekarang diatur oleh `tablet.js` (perlu JS karena transform:scale, beda dari zoom, gak otomatis menyesuaikan tinggi halaman - itu yang diurus tablet.js). ============================================ */ @media (min-width: 769px) and (max-width: 1439px) { html, body { overflow-x: hidden; } } /* --tablet-scale di-set oleh script inline kecil di tiap halaman (dibaca paling awal, sebelum apapun sempat dirender - lihat komentar di tablet.js buat alasannya) dan diperbarui lagi oleh tablet.js. Default 1 (gak berefek) kalau variabelnya belum/gak di-set, jadi aman dipasang permanen di sini tanpa media query. */ .page { transform: scale(var(--tablet-scale, 1)); transform-origin: top left; }