/*
 * lgbt/latest-sermon + lgbt/hero-featured — the home hero's two sermon lists.
 * Moved from the theme's style.css (2026-09-25, hub #99): a block's own markup is
 * styled by the block's own stylesheet, loaded only when the block renders.
 * Where the lists sit, their spacing from the label above, their alignment on
 * phones and the text shadow over the photo are block settings on the home page
 * (core Group, Grid and Cover), not rules here. The part and service marks keep
 * their shared rules in the theme (SERMON LIST MARKS).
 */

/* Latest sermon(s): the larger list. */
.lgbt-hero-latest {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}
.lgbt-hero-latest__item {
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.lgbt-hero-latest__name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--hero-title);
	line-height: 1.2;
	font-weight: 700;
	color: var(--wp--preset--color--white);
	transition: color .15s ease;
}
.lgbt-hero-latest__item:hover .lgbt-hero-latest__name { color: var(--wp--preset--color--gold-bright); }
.lgbt-hero-latest__date {
	margin-top: 3px;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--cream);
}

/* More sermons: a compact list, smaller than the latest (Jason: "smaller text, ~4 sermons"). */
.lgbt-hero-featured {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}
.lgbt-hero-featured__item {
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.lgbt-hero-featured__name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--hero-list-title);
	line-height: 1.22;
	font-weight: 700;
	color: var(--wp--preset--color--white);
	transition: color .15s ease;
}
.lgbt-hero-featured__item:hover .lgbt-hero-featured__name { color: var(--wp--preset--color--gold-bright); }
.lgbt-hero-featured__date {
	margin-top: 2px;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--cream);
}