/**
 * core/quote — "Pull quote" style (.is-style-pull).
 *
 * Centered display-serif italic between two short amber rules. The rules are
 * the only decoration: no quote marks, no side border, no background — the
 * type carries it. Amber (--el-star) is the same warm accent the CTA uses, so
 * a post has at most two warm points and they rhyme.
 */

.wp-block-quote.is-style-pull {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--el-space-4, 1rem);
	margin: var(--el-space-8, 4rem) auto;
	padding: 0;
	max-width: 40rem;
	border: 0;
	background: none;
	text-align: center;
}

.wp-block-quote.is-style-pull::before,
.wp-block-quote.is-style-pull::after {
	content: "";
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: var(--el-star, #e9b949);
}

.wp-block-quote.is-style-pull p {
	margin: 0;
	font-family: var(--el-font-display, Georgia, serif);
	font-size: clamp(1.6rem, 3.2vw, 2.25rem);
	font-style: italic;
	font-weight: 300;
	line-height: 1.3;
	color: var(--el-color-text, #2a2521);
	text-wrap: balance;
}

.wp-block-quote.is-style-pull cite {
	order: 3;
	font-size: var(--el-text-sm, 0.875rem);
	font-style: normal;
	letter-spacing: var(--el-tracking-eyebrow, 0.12em);
	text-transform: uppercase;
	color: var(--el-color-text-muted, #6b625a);
}

/* ::after sits last in flex order, so a citation goes after the closing rule. */
.wp-block-quote.is-style-pull::after {
	order: 2;
}