
/* Preserve original family geometry while isolating inherited parent states. */
.collective-page .wp-block-group, .collective-page .wp-block-image {
	box-sizing: border-box;
}

.collective-page .wp-block-image {
	margin: 0;
}

.collective-page a {
	text-decoration: none;
}

.collective-page .inner-crumb {
	color: #d1d1d1;
}

.collective-page .inner-crumb:hover {
	color: #fff;
	text-decoration: underline;
}

.collective-page .button {
	color: #fff;
}

.collective-page .button:hover, .collective-page .button:focus {
	color: #fff;
}

.collective-page .button-white {
	color: #171717;
}

.collective-page .button-white:hover, .collective-page .button-white:focus {
	color: #171717;
}

.collective-page .text-link {
	color: #171717;
}

.collective-page .text-link:hover {
	color: var(--brand);
}

.collective-page .profile-copy .text-link {
	color: #fff;
}

.collective-page .profile-biography {
	max-width: 59ch;
	color: #d5d5d5;
}

.collective-page .profile-biography p {
	margin: 1.2rem 0;
	line-height: 1.8;
}

.collective-page .profile-biography > p:first-child {
	font-size: 1.25rem;
	color: #fff;
}

.collective-page .profile-biography a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: .2em;
}

.collective-page .profile-biography a:hover {
	color: var(--brand);
}

.collective-page .profile-links a {
	color: #171717;
}

.collective-page .profile-links a:hover {
	color: var(--brand);
}

.collective-page .directory-person {
	color: #171717;
}

.collective-page .directory-person:hover, .collective-page .directory-person:focus {
	color: #171717;
}

.collective-page .news-card {
	color: #171717;
}

.collective-page .news-card:hover, .collective-page .news-card:focus {
	color: #171717;
}

.collective-page .news-card .text-link {
	color: var(--brand);
}

.collective-page .article-native-copy > p:first-child {
	margin-bottom: 2rem;
	font-size: clamp(1.25rem, 1.7vw, 1.5rem);
	line-height: 1.8;
}

.collective-page .article-native-copy > p a {
	color: var(--brand);
	text-decoration: underline;
}

.collective-page .directory-top .facetwp-facet {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
}

.collective-page .directory-top .facetwp-radio {
	display: grid;
	place-items: center;
	min-width: 2.6rem;
	min-height: 2.6rem;
	margin: 0;
	padding: 0 .6rem;
	border: 0;
	border-radius: 3px;
	background: #f0f0f0;
	color: #171717;
	font: 700 1rem Inter, Arial, sans-serif;
	cursor: pointer;
}

.collective-page .directory-top .facetwp-radio:hover, .collective-page .directory-top .facetwp-radio.checked:not([data-value=""]) {
	background: var(--brand);
	color: #fff;
}

.collective-page .memorial-label {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	padding: .2rem .6rem;
	background: #151515;
	color: #fff;
	font-size: .875rem;
}

.collective-page .collection-results {
	outline-offset: 6px;
}

.collective-page .collection-pager {
	margin-top: 2.5rem;
}

.collective-page .collection-pager .facetwp-facet {
	margin: 0;
}

.collective-page .collection-pager .facetwp-pager {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .5rem;
}

.collective-page .collection-pager .facetwp-page {
	display: inline-grid;
	place-items: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: .3rem .75rem;
	border-radius: 3px;
	background: #f0f0f0;
	color: #171717;
	font-weight: 700;
}

.collective-page .collection-pager .facetwp-page:hover, .collective-page .collection-pager .facetwp-page.active {
	background: var(--brand);
	color: #fff;
}

.collective-page .collection-error {
	margin-top: 1.5rem;
	padding: 1rem;
	border: 1px solid var(--brand);
	color: #171717;
}

.collective-page .collection-error button {
	color: #fff;
	background: #171717;
	border: 0;
	padding: .4rem .7rem;
	cursor: pointer;
}

.collective-page .collection-error button:hover {
	background: var(--brand);
	color: #fff;
}

@media (max-width: 55rem) {
	.collective-page .profile-biography > p:first-child {
		font-size: 1.125rem;
	}
}

@media (max-width: 38rem) {
	.collective-page .directory-top .facetwp-facet {
		gap: .4rem;
	}
	
	.collective-page .directory-top .facetwp-radio {
		min-width: 2.75rem;
		min-height: 2.75rem;
	}
}

/* Profile copy links sit on the dark hero surface. */
.collective-page .profile-biography p a {
	text-decoration: underline;
	text-underline-offset: .15em;
}

.collective-page .profile-biography p a:hover, .collective-page .profile-biography p a:focus-visible {
	color: #ff7c91;
}
