body {
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--leading-body);
	color: var(--color-text);
	background-color: var(--color-surface);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h {
	font-family: var(--font-heading);
	font-weight: 700;
	line-height: var(--leading-heading);
	letter-spacing: var(--tracking-tight);
	color: var(--color-brand);
}

h1,
.text-h1 {
	font-size: var(--text-h1);
	line-height: var(--leading-tight);
}

h2,
.text-h2 {
	font-size: var(--text-h2);
}

h3,
.text-h3 {
	font-size: var(--text-h3);
	font-weight: 700;
}

h4,
.text-h4 {
	font-size: var(--text-h4);
}

h5 {
	font-size: var(--text-lead);
}

h6 {
	font-size: var(--text-body);
	font-weight: 700;
}

.text-display {
	font-family: var(--font-heading);
	font-size: var(--text-display);
	font-weight: 700;
	line-height: var(--leading-tight);
	letter-spacing: var(--tracking-tight);
	color: var(--color-brand);
}

.text-lead {
	font-size: var(--text-lead);
	line-height: var(--leading-body);
	color: var(--color-text);
	max-width: var(--measure-default);
}

.text-muted {
	color: var(--color-text-muted);
}

.text-small,
small {
	font-size: var(--text-small);
	line-height: var(--leading-body);
}

.text-label {
	font-size: var(--text-label);
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
}

.text-breadcrumb {
	font-size: var(--text-breadcrumb);
	line-height: var(--leading-body);
}

.prose {
	max-width: var(--measure-narrow);
}

.prose ul,
.prose ol {
	margin: var(--space-4) 0;
	padding-left: 1.35em;
	list-style: revert;
}

.prose li {
	margin-bottom: var(--space-2);
}

.prose li::marker {
	color: var(--color-brand);
}

.prose blockquote {
	margin: var(--space-6) 0;
	padding: var(--space-4) 0 var(--space-4) var(--space-6);
	border-left: 3px solid var(--color-brand);
	font-size: var(--text-lead);
	font-style: italic;
	color: var(--color-text-muted);
	background: var(--color-surface-soft);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.prose blockquote cite {
	display: block;
	margin-top: var(--space-3);
	font-size: var(--text-small);
	font-style: normal;
	font-weight: 600;
	color: var(--color-text);
}

.eyebrow {
	display: inline-block;
	font-family: var(--font-body);
	font-size: var(--text-small);
	font-weight: 600;
	color: var(--color-brand);
	background: var(--color-surface-soft);
	border: 1px solid rgba(22, 59, 109, 0.12);
	padding: 0.375rem 0.875rem;
	border-radius: var(--radius-pill);
	text-transform: none;
	letter-spacing: 0.02em;
}