/* Deild Table - Stat cards
   Three-column grid with centered content. Stays 3 columns on mobile too. */

.deild-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 1.5em 0;
	align-items: stretch;
	box-sizing: border-box;
}

.deild-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 20px 12px;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

.deild-stat-icon {
	width: 64px;
	height: 64px;
	margin-bottom: 10px;
	display: block;
	flex: 0 0 auto;
}

.deild-stat-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.deild-stat-value {
	font-size: 48px;
	font-weight: 300;
	line-height: 1.05;
	margin-bottom: 6px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.deild-stat-label {
	font-size: 14px;
	color: #555;
	font-weight: 400;
	line-height: 1.3;
}

/* Color schemes — match the reference palette */
.deild-stat.is-people .deild-stat-icon,
.deild-stat.is-people .deild-stat-value {
	color: #8DC63F;
}

.deild-stat.is-women .deild-stat-icon,
.deild-stat.is-women .deild-stat-value {
	color: #EC008C;
}

.deild-stat.is-men .deild-stat-icon,
.deild-stat.is-men .deild-stat-value {
	color: #1FA8DA;
}

/* Tablet — slightly smaller */
@media (max-width: 900px) {
	.deild-stat-value {
		font-size: 40px;
	}
	.deild-stat-icon {
		width: 56px;
		height: 56px;
	}
}

/* Mobile — keep 3 columns in a single row, scale everything down */
@media (max-width: 640px) {
	.deild-stats {
		gap: 6px;
	}
	.deild-stat {
		padding: 12px 4px;
	}
	.deild-stat-icon {
		width: 40px;
		height: 40px;
		margin-bottom: 6px;
	}
	.deild-stat-value {
		font-size: 26px;
		margin-bottom: 4px;
	}
	.deild-stat-label {
		font-size: 11px;
		line-height: 1.2;
	}
}

@media (max-width: 380px) {
	.deild-stat-icon {
		width: 32px;
		height: 32px;
	}
	.deild-stat-value {
		font-size: 22px;
	}
	.deild-stat-label {
		font-size: 10px;
	}
}