.guide-card {
	position: relative;
	display: block;
	box-shadow: var(--box-shadow-s);
	border-radius: var(--radius-m);
	background: white;
	padding: 2.2rem;
}

.guide-card__title {
	display: block;
	font-size: var(--text-l);
	font-weight: 600;
	color: var(--text-color, #333);
}

.guide-card__introtext {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 0.5rem;
}

.guide-card a:is(:hover, :focus-visible) {
	text-decoration: underline !important;
}