.entry-title {
	font-size: var(--entry-title-font-size, var(--font-size-xxxxl));

	&:last-child {
		margin-bottom: 0;
	}
}

.entry-title-single {
	margin-bottom: var(--entry-title-single-margin-bottom, var(--spacing-xl));
}

.entry-title-link {
	display: var(--entry-title-link-display, block);
	color: var(--entry-title-link-color, currentColor);
	text-decoration: var(--entry-title-text-decoration, none);

	&:hover,
	&:focus-visible {
		color: var(--entry-title-link-color-hover, var(--link-color-hover, var(--color-link)));
		text-decoration: var(--entry-title-text-decoration-hover, var(--entry-title-text-decoration, none));
	}
}

.has-boxed {
	// Force dark incase these entries are inside has-dark-background.
	--entry-title-link-color: var(--color-heading);
	--entry-title-link-color-hover: var(--color-link);
}