:root {
	--tile-custom-gap: 1em;
}

.whats-new-icon {
	width: 150px !important;
	justify-content: center;
	align-self: center !important;
	padding-bottom: 1.5em;
}

.section-features .card-media,
.thumbnail {
	/* max-height: 188px; */
	aspect-ratio: 16/9;
	overflow: hidden;
}

.thumbnail + a {
	color: var(--bg-fill-invert) !important;
}

/* Override overview-global.css sf-icon styles so sf-symbols
   render identically to the 96px PNG icons in the flat grid */
.grid-item .sf-icon {
	display: block !important;
	width: 96px !important;
	height: 96px !important;
	font-size: 86px !important;
	transform: none !important;
	padding: 0 !important;
	color: #00a5f0 !important;
	margin-top: 6px !important;
	margin-bottom: 10px !important;
}

h3 {
	margin-top: .3em;
}

.lg-icon {
	margin-bottom: -2px;
}

.grid {
	padding-left: 43px;
	padding-right: 43px;
}
@media only screen and (max-width: 1068px) {
	.grid {
		padding-left: 25.5px;
		padding-right: 25.5px;
	}
}