/* Icon tile grid. */

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

.sm-tiles a.sm-value {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* Tiles with no title are the compact homepage variant: the text carries
   the whole message, so it is set a little larger and tighter. */
.sm-tiles .sm-value:not(:has(h4)) p {
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--sm-text-soft);
}

@media (max-width: 1100px) {
	.sm-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.sm-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}