/* =========================================================================
   Photo-free team and Resource topic graphics: July 2026.
   Team identities now begin with text until real portraits are available.
   Resource imagery uses a quiet editorial panel and the existing icon set.
   ========================================================================= */

.sc-team-page .sc-team-card > h3:first-child {
	margin-top: 0;
	padding-top: 4px;
}

.sc-team-page .sc-team-profile-tray__header,
.sc-team-modal-dialog .sc-team-profile-tray__header {
	gap: 0;
}

.sc-team-page .sc-team-profile-tray__identity,
.sc-team-modal-dialog .sc-team-profile-tray__identity {
	width: 100%;
}

.sc-resource-topic-graphic {
	position: relative;
	display: grid;
	grid-template-rows: 1fr auto;
	align-items: center;
	justify-items: start;
	min-height: 172px;
	padding: 28px 30px 22px;
	overflow: hidden;
	border: 1px solid rgba(8, 45, 91, 0.12);
	border-radius: 8px;
	background: #f3f6f9;
	color: var(--sc-navy);
	line-height: 1.2;
}

.sc-resource-topic-graphic__rule {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: var(--sc-barn-red);
}

.sc-resource-topic-graphic__icon {
	display: block;
	width: 76px;
	height: 76px;
	margin: 0;
	object-fit: contain;
}

.sc-resource-topic-graphic__label {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin-top: 12px;
	color: var(--sc-navy);
	font-family: var(--sc-sans);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.sc-resource-topic-graphic--family-personal,
.sc-resource-topic-graphic--family-quote,
.sc-resource-topic-graphic--family-explainers,
.sc-resource-topic-graphic--family-general {
	background: #f1f5f8;
}

.sc-resource-topic-graphic--family-business {
	background: #f7f3e9;
}

.sc-resource-topic-graphic--family-farm {
	background: #f7f1ed;
}

.sc-resource-topic-graphic--family-support {
	background: #eef5f4;
}

.sc-resource-topic-graphic--family-local {
	background: #f6f2ec;
}

.sc-blog-page.blog .post-image a:has(.sc-resource-topic-graphic),
.sc-blog-page.archive .post-image a:has(.sc-resource-topic-graphic) {
	line-height: 1.2;
}

.sc-blog-page.single-post .sc-resource-topic-graphic {
	min-height: 230px;
	padding: 36px 40px 28px;
}

.sc-blog-page.single-post .sc-resource-topic-graphic__icon {
	width: 96px;
	height: 96px;
}

@media (max-width: 640px) {
	.sc-team-page .sc-team-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.sc-team-page .sc-team-card {
		min-height: 0;
		padding: 24px 0;
	}

	.sc-resource-topic-graphic,
	.sc-blog-page.single-post .sc-resource-topic-graphic {
		min-height: 128px;
		padding: 22px 22px 17px;
	}

	.sc-resource-topic-graphic__icon,
	.sc-blog-page.single-post .sc-resource-topic-graphic__icon {
		width: 58px;
		height: 58px;
	}

	.sc-resource-topic-graphic__label {
		min-height: 24px;
		margin-top: 8px;
		font-size: 0.66rem;
	}
}