:root {
	--tile-custom-gap: 0.5em;
	--sk-tile-padding: 2em 1em;
	/* --sk-cssgrid-column-gutter-inner: 3em; */
	--sk-cssgrid-row-gutter-inner: 1em;
}

@media only screen and (max-width: 734px) {
	:root {
		--sk-cssgrid-row-gutter-inner: 1em;
		--tile-custom-gap: 0.25em;
	}
	.tile {
		width: 85%;
	}
}

.tile-content {
	text-align: center;
	padding-top: 0;
}

.content-guide-icons {
	width: 100%;
	display: block;
	padding-top: 1.5em;
}

@media only screen and (min-width: 735px) {
	.content-guide-icons {
		max-width: 80%;
		margin: 0 auto;
	}
}

.section-cg a,
.section-cg a:hover {
	text-decoration: none;
	color: inherit;
}

.section-cg a:hover .link {
	text-decoration: underline;
}

.labs-s-hammer-icon {
	max-height: 170px;
}

/* ========== Background override ========== */

html.theme-dark,
body.theme-dark {
	background-color: #161616 !important;
}

/* ========== Tile Guides ========== */

.tile-guides {
	--card-border-color: #333;
	background-color: #000;
}