.ont-guide-grid h3 {
	font-size: 1.55rem;
	margin-bottom: .6em;
}

.ont-guide-grid h3 a {
	color: var(--ont-ink, #172725);
	text-decoration: none;
}

.ont-guide-grid h3 a:hover,
.ont-guide-grid h3 a:focus-visible {
	color: var(--ont-rust, #b65336);
}

.ont-breadcrumbs {
	margin: 0 0 1.25rem;
	font-size: .92rem;
}

.ont-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ont-breadcrumbs li + li::before {
	content: "/";
	margin-right: .45rem;
	color: #687875;
}

.ont-breadcrumbs a {
	color: var(--ont-rust, #a9472f);
	text-underline-offset: .18em;
}

.ont-related-guides {
	border-top: 1px solid rgba(23, 39, 37, .15);
	margin-top: 3rem;
	padding-top: 2rem;
}

.ont-related-guides > h2 {
	margin-top: 0;
}

@media (max-width: 760px) {
	.entry-content .ont-guide-grid {
		grid-template-columns: 1fr;
	}
}