/* Daftar Guru & Karyawan – grid card */
.dgk-grid {
	display: grid;
	gap: 22px;
	margin: 1em 0 2em;
}
.dgk-kolom-1 { grid-template-columns: 1fr; }
.dgk-kolom-2 { grid-template-columns: repeat(2, 1fr); }
.dgk-kolom-3 { grid-template-columns: repeat(3, 1fr); }
.dgk-kolom-4 { grid-template-columns: repeat(4, 1fr); }
.dgk-kolom-5 { grid-template-columns: repeat(5, 1fr); }
.dgk-kolom-6 { grid-template-columns: repeat(6, 1fr); }

.dgk-card {
	background: #fff;
	border: 1px solid #e5e9ef;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 1px 3px rgba(20, 40, 70, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.dgk-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(20, 40, 70, 0.12);
}

.dgk-foto {
	aspect-ratio: 2 / 3;
	background: #eef1f5;
	overflow: hidden;
}
.dgk-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
}

.dgk-info { padding: 12px 10px 16px; }

.dgk-nama {
	font-size: 0.95rem;
	line-height: 1.35;
	margin: 0 0 4px;
	font-weight: 700;
}
.dgk-jabatan {
	font-size: 0.85rem;
	color: #2b6cb0;
	margin: 0 0 2px;
	font-weight: 600;
}
.dgk-nip {
	font-size: 0.75rem;
	color: #718096;
	margin: 0;
	word-break: break-all;
}

/* Responsive */
@media (max-width: 991px) {
	.dgk-kolom-4, .dgk-kolom-5, .dgk-kolom-6 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.dgk-grid { gap: 14px; }
	.dgk-kolom-3, .dgk-kolom-4, .dgk-kolom-5, .dgk-kolom-6 { grid-template-columns: repeat(2, 1fr); }
	.dgk-nama { font-size: 0.85rem; }
	.dgk-jabatan { font-size: 0.78rem; }
	.dgk-nip { font-size: 0.68rem; }
}
@media (max-width: 400px) {
	.dgk-kolom-2, .dgk-kolom-3, .dgk-kolom-4, .dgk-kolom-5, .dgk-kolom-6 { grid-template-columns: repeat(2, 1fr); }
}