/* Add your global styles here */

:root {
	--accent: oklch(81.4% 0.053 121.8);
	--accent-dark: oklch(25% 0.053 121.8);
	--accent-light: oklch(85% 0.053 121.8);
	--accent-ultra-light: oklch(95% 0.053 121.8);
	--radius-pill: 999px;
}

.probate-paths__card[data-kind="simple"] .eyebrow,
.probate-paths__card[data-kind="common"] .eyebrow {
	display: inline-flex;
	align-self: start;
	inline-size: fit-content;
	padding-block: 3px;
	padding-inline: 10px;
	border-radius: var(--radius-pill);
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.4;
	background: var(--accent-ultra-light);
	color: var(--accent-dark);
}

.trusts-funding__heading .eyebrow,
.trusts-types__card .eyebrow {
	display: inline-flex;
	align-self: start;
	inline-size: fit-content;
	padding-block: 2px;
	padding-inline: 8px;
	border-radius: var(--radius-pill);
	letter-spacing: 0;
	text-transform: none;
	font-size: var(--text-s);
	font-weight: 500;
	line-height: 18px;
}
.trusts-types__card .eyebrow {
	background: var(--primary-ultra-light);
	color: var(--primary);
}
.trusts-types__card[data-current="true"] .eyebrow {
	background: var(--secondary-ultra-light);
	color: var(--secondary-semi-dark);
}

.c-testimonials:has(.trusts-stories__header) .estate-testimonial__quote,
.c-testimonials:has(.trusts-stories__header) .plain-quote {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	--blockquote-padding: 0;
	--blockquote-background: transparent;
	--blockquote-border-width: 0;
	--blockquote-border-color: transparent;
	--blockquote-box-shadow: none;
}

.c-testimonials:has(.trusts-stories__header) .estate-testimonial,
.trusts-story {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	padding: var(--space-m);
	border: var(--border);
	border-radius: var(--radius);
	background: var(--white);
	--blockquote-padding: 0;
	--blockquote-background: transparent;
	--blockquote-border-width: 0;
	--blockquote-border-color: transparent;
	--blockquote-box-shadow: none;
}
.trusts-story figure,
.trusts-story .estate-testimonial__figure {
	border: 0;
	border-width: 0;
	border-inline-start: 0;
	border-left: 0;
	background: transparent;
	padding: 0;
	box-shadow: none;
	--blockquote-padding: 0;
	--blockquote-background: transparent;
	--blockquote-border-width: 0;
	--blockquote-border-color: transparent;
	--blockquote-box-shadow: none;
}
.trusts-story blockquote,
.trusts-story .plain-quote,
.trusts-story .estate-testimonial__quote {
	margin: 0;
	padding: 0;
	border: 0;
	border-inline-start: 0;
	border-left: 0;
	background: transparent;
	box-shadow: none;
	--blockquote-padding: 0;
	--blockquote-background: transparent;
	--blockquote-border-width: 0;
	--blockquote-border-color: transparent;
	--blockquote-box-shadow: none;
	--blockquote-text-font-size: var(--text-m);
	--blockquote-text-line-height: var(--text-line-height);
}

.trusts-story .estate-testimonial__quote p {
	margin: 0;
	padding-block-start: 6px;
	font-family: var(--text-font-family);
	font-size: var(--text-m);
	font-weight: var(--text-font-weight);
	line-height: var(--text-line-height);
	letter-spacing: 0;
	color: var(--text-dark);
}
.trusts-story .estate-testimonial__caption {
	margin: 0;
	margin-block-start: auto;
	padding-block-start: var(--space-xs);
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0;
	color: var(--text-dark-muted);
}

.trusts-story .eyebrow {
	display: inline-flex;
	align-self: start;
	inline-size: fit-content;
	padding-block: 2px;
	padding-inline: 8px;
	border-radius: var(--radius-pill);
	letter-spacing: 0;
	text-transform: none;
	font-family: var(--text-font-family);
	font-size: var(--text-s);
	font-weight: 500;
	line-height: 18px;
	background: var(--secondary-ultra-light);
	color: var(--secondary-semi-dark);
}
.trusts-story .eyebrow[data-topic="Trusts"] {
	background: var(--secondary-ultra-light);
	color: var(--secondary-semi-dark);
}
.trusts-story .eyebrow[data-topic="Wills and Trusts"] {
	background: var(--primary-ultra-light);
	color: var(--primary);
}