/* The Bootstrap .card is the positioned ancestor for the title's
   .stretched-link overlay, so the whole card stays clickable. */
.sermon-card .card-title a {
	color: inherit;
	text-decoration: none;
}
.sermon-card .card-title a:is(:hover, :focus-visible) {
	text-decoration: underline;
}
/* Card-sized tab stop gets a card-sized focus ring */
.sermon-card .stretched-link:focus-visible {
	outline: none;
}
.sermon-card .stretched-link:focus-visible::after {
	outline: 2px solid var(--bs-primary);
	outline-offset: 4px;
}