/* A plain topic label stays visible when an opted-in hero uses a short hook. */
.post-hero .hero-display-topic,
.page-content > .hero-display-topic {
	font-family: var(--ff-body, sans-serif);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 1rem 0 0;
	max-width: 52ch;
	overflow-wrap: anywhere;
}

.post-hero .hero-display-topic {
	color: var(--c-cream);
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}