/*
 * Daftar artikel, kategori, dan pencarian (Hari 5). Nilai dari sistem-desain.css.
 * HP lebih dulu, layar lebar di bawah.
 */

.lz-halaman-daftar #main { padding: 0; }

.lz-daftar { background: var(--lz-latar); }
.lz-daftar__kepala { padding: var(--lz-jarak-6) 0 var(--lz-jarak-4); }
.lz-daftar__kepala .lz-h1 { margin: 0 0 var(--lz-jarak-2); overflow-wrap: anywhere; }
.lz-daftar__kepala .lz-pengantar { margin: 0 0 var(--lz-jarak-5); max-width: 40em; }
.lz-daftar__penulis { display: flex; align-items: center; gap: var(--lz-jarak-4); margin-bottom: var(--lz-jarak-2); }
.lz-daftar__penulis .lz-h1 { margin: 0; }
.lz-daftar__penulis .lz-avatar { font-size: 22px; }

/* Penyaring (.lz-penyaring) dan nomor halaman (.lz-halaman) ada di sistem-desain.css
   karena dipakai juga Galeri Aksi. */

/* Kisi kartu */
.lz-daftar__isi { padding-top: var(--lz-jarak-4); padding-bottom: var(--lz-bagian); }
.lz-daftar__kisi { display: grid; gap: var(--lz-jarak-5); }
.lz-daftar__kisi .lz-kartu-artikel { align-items: start; }
.lz-daftar__kisi .lz-h3 { display: block; overflow-wrap: anywhere; }

.lz-daftar__kosong { padding: var(--lz-jarak-8) 0; }

@media (min-width: 768px) {
	.lz-daftar__kepala { padding: var(--lz-jarak-12) 0 var(--lz-jarak-6); }
	.lz-daftar__kisi { grid-template-columns: repeat(2, 1fr); gap: var(--lz-jarak-8) var(--lz-jarak-6); }
}
@media (min-width: 1024px) {
	.lz-daftar__kisi { grid-template-columns: repeat(3, 1fr); }
}