/* pages/home/standards.css
   Home: standards and certification badges.

   Part of assets/css/. The load order lives in
   inc/setup.php - add new files there, not with @import. */

.badge-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.badge-tile {
	aspect-ratio: 1 / 1;
	border: 1px solid var(--line);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	overflow: hidden;
}

.badge-tile img { max-width: 76%; max-height: 76%; width: auto; object-fit: contain; }

.badge-tile .ph-label { font-size: 10px; }

@media (max-width: 680px) {
	.badge-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
}