/* Versi A4 mendatar. Dimuat setelah dokumen.css, hanya di halaman ...-mendatar.html. */
@page { size: A4 landscape; margin: 0; }

@media print, screen and (min-width: 841px) {
  .alat { width: 297mm; }
  .lembar { width: 297mm; height: 210mm; padding: 13mm 18mm 6mm; }
  .tabel th, .tabel td { padding: 1.2mm 2mm; }
  .sampul { padding: 16mm 22mm 0; }
  .sampul-judul { margin-top: 26mm; max-width: 210mm; }
  .sampul-bawah { padding-bottom: 10mm; }
  .sampul::after { margin: 0 -22mm; }

  /* Dua atau tiga kolom per lembar. Blok tidak dipotong di tengah. */
  .kolom2 .lembar-isi { column-count: 2; column-gap: 12mm; column-fill: balance; }
  .kolom3 .lembar-isi { column-count: 3; column-gap: 8mm; column-fill: balance; }
  .kolom2 .bagian, .kolom3 .bagian, .kolom3 .kepala-ringkas { break-inside: avoid; margin: 0 0 6mm; }
  .kolom3 .bagian { margin-bottom: 3.5mm; }
  .kolom3 .kepala-ringkas { column-span: all; margin-bottom: 4mm; }
  .kolom2 .bagian + .bagian, .kolom3 .bagian + .bagian { margin-top: 0; }
  .kolom2 .dua, .kolom2 .dua-kiri { display: block; }
  .kolom2 .dua > div + div, .kolom2 .dua-kiri > div + div { margin-top: 4mm; }
}

/* Layar laptop kecil dan tablet mendatar: lembar diperkecil supaya tidak perlu geser ke samping. */
@media screen and (min-width: 841px) and (max-width: 1180px) {
  .lembar { zoom: 0.72; }
  .alat { width: auto; max-width: 214mm; }
}
