@charset "utf-8";

/* QUOTE GRID */
.quotes-grid {
	--columns: 1;
	--quotes-grid-size-medium: 1.1;
	--quotes-grid-size-short: 1.2;
	column-gap: var(--cards-gap);
	columns: var(--columns);
	margin-block: var(--margin-block);
	}
@media (min-width: 40em) {
	.quotes-grid.quotes-grid-columns-2,
	.quotes-grid.quotes-grid-columns-3 {
		--columns: 2;
		}
}
@media (min-width: 60em) {
	.quotes-grid.quotes-grid-columns-3 {
		--columns: 3;
		}
}
.quote.quote-grid {
	background-color: var(--background-light);
	border: 1px solid var(--background-trim);
	border-radius: var(--radius);
	border-top: 4px solid var(--color-accent);
	break-inside: avoid;
	margin-block: 0 var(--cards-gap);
	overflow: hidden;
	}
.quote-grid-header {
	align-items: flex-start;
	display: flex;
	gap: var(--space-sm);
	}
.quote-grid .quote-mark {
	--size: 2rem;
	flex: 0 0 auto;
	}
.quote-grid .quote-mark > span {
	border-radius: 0;
	margin-bottom: 0;
	}
.quote-grid .quote-attribution {
	margin-top: 0.4em;
	}
.quote-grid .quote-meta {
	color: var(--color-header);
	font-size: var(--text-body);
	}
.quote-grid .quote-info {
	padding: 0 var(--cards-padding) var(--cards-padding);
	}
.quote-grid .quote-text {
	--quote-size: 1;
	color: var(--color-bright);
	font-size: calc(var(--font-size-sm) * var(--quote-size));
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-relaxed);
	margin-top: var(--space-sm);
	}
.quote-grid .quote-text > p {
	margin: 0;
	}
.quote-grid .quote-text > p + p {
	margin-top: var(--space-xs);
	}
.quote-grid.quote-grid-short .quote-text {
	--quote-size: var(--quotes-grid-size-short);
	}
.quote-grid.quote-grid-medium .quote-text {
	--quote-size: var(--quotes-grid-size-medium);
	}