.tbm-post-content__related {
	margin: 40px 0;
}

.tbm-post-content-advertisement {
	display: block;
	overflow: hidden;
	margin: 2rem 0;
}

.tbm-related-post-content {
	width: 100%;
}

.tbm-related-post-content__grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(var(--tbm-related-columns-desktop, 1), minmax(0, 1fr));
}

.tbm-related-post-content__item {
	min-width: 0;
}

.tbm-related-post-content__item--alternate {
	grid-column: span var(--tbm-related-span-desktop, 1);
}

.tbm-related-post-content__item-inner {
	width: 100%;
}

.tbm-related-post-content--equal-height .tbm-related-post-content__item {
	display: flex;
	height: 100%;
}

.tbm-related-post-content--equal-height .tbm-related-post-content__item-inner,
.tbm-related-post-content--equal-height .tbm-related-post-content__item-inner > * {
	height: 100%;
}

.tbm-related-post-content__fallback {
	height: 100%;
	padding: 24px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	background: #fff;
}

.tbm-related-post-content__fallback-title {
	margin: 0 0 12px;
	font-size: 1.125rem;
	line-height: 1.3;
}

.tbm-related-post-content__fallback-title a {
	color: inherit;
	text-decoration: none;
}

.tbm-related-post-content__fallback-title a:hover {
	text-decoration: underline;
}

.tbm-related-post-content__fallback-excerpt {
	margin: 0;
}

@media (max-width: 1024px) {
	.tbm-related-post-content__grid {
		grid-template-columns: repeat(var(--tbm-related-columns-tablet, var(--tbm-related-columns-desktop, 1)), minmax(0, 1fr));
	}

	.tbm-related-post-content__item--alternate {
		grid-column: span var(--tbm-related-span-tablet, var(--tbm-related-span-desktop, 1));
	}
}

@media (max-width: 767px) {
	.tbm-post-content__related {
		margin: 28px 0;
	}

	.tbm-related-post-content__grid {
		gap: 20px;
		grid-template-columns: repeat(var(--tbm-related-columns-mobile, var(--tbm-related-columns-tablet, 1)), minmax(0, 1fr));
	}

	.tbm-related-post-content__item--alternate {
		grid-column: span var(--tbm-related-span-mobile, var(--tbm-related-span-tablet, 1));
	}
}
