.in4u-cg { max-width: 900px; margin: 0 auto; font-family: inherit; }

.in4u-cg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.in4u-cg-item { margin: 0; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; background: #fff; display: flex; flex-direction: column; }
.in4u-cg-imgwrap { border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; }
.in4u-cg-imgwrap img { width: 100%; height: auto; display: block; aspect-ratio: 3 / 4; object-fit: contain; }

.in4u-cg-actions { display: flex; gap: 8px; margin-top: 10px; }
.in4u-cg-btn {
	flex: 1;
	padding: 9px 10px;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.in4u-cg-pdf { background: #2563eb; color: #fff; }
.in4u-cg-pdf:hover { background: #1d4ed8; }
.in4u-cg-print { background: #fff; color: #1f2937; border-color: #cbd5e1; }
.in4u-cg-print:hover { background: #f3f4f6; }
.in4u-cg-btn:disabled { opacity: .6; cursor: default; }
.in4u-cg-status { font-size: 13px; color: #059669; min-height: 18px; margin-top: 6px; text-align: center; }

@media (max-width: 480px) {
	.in4u-cg-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
}