/* Published member voices, shared by the homepage and archive. */
.sasal-front-testimonial-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: var(--grid-gap);
	margin-top: 32px;
}

.sasal-front-testimonial-card {
	scroll-margin-top: calc(var(--header-height) + 24px);
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: var(--card-padding);
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-card);
	background: var(--surface-card);
	box-shadow: var(--shadow-xs);
}

.sasal-front-testimonial-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sasal-front-testimonial-card__head img {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-circle);
	object-fit: cover;
}

.sasal-front-testimonial-card__head strong {
	display: block;
	font: var(--type-label);
	color: var(--text-primary);
}

.sasal-front-testimonial-card__head p {
	font: var(--type-body-sm);
	color: var(--text-muted);
}

.sasal-front .sasal-front-testimonial-card h3,
.sasal-front-testimonial-card h3 {
	font: var(--type-h4);
}

.sasal-front-testimonial-card__quote {
	font: var(--type-body-sm);
	line-height: var(--leading-relaxed);
	color: var(--text-body);
}

.sasal-front-testimonial-card__quote p + p {
	margin-top: 10px;
}


.sasal-testimonial-archive { max-width: var(--container-max); }
.sasal-testimonial-archive__header { margin-bottom: 32px; }
.sasal-testimonial-archive__header h1 { margin: 20px 0 0; font: var(--type-h1); letter-spacing: var(--tracking-display); }
.sasal-testimonial-archive__back { display: inline-flex; align-items: center; gap: 8px; font: var(--type-label); color: var(--text-link); }
.sasal-testimonial-archive__back:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 4px; }
.sasal-testimonial-archive .sasal-front-testimonial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sasal-front-testimonial-card__quote { overflow-wrap: anywhere; }
@media (max-width: 900px) {
	.sasal-testimonial-archive .sasal-front-testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.sasal-testimonial-archive__header h1 { font-size: var(--text-3xl); }
	.sasal-testimonial-archive .sasal-front-testimonial-grid { grid-template-columns: minmax(0, 1fr); }
}