.rich-text {
	margin: 1rem 0 1rem 0;
	font-weight: 500;
	font-size: 32px;
	line-height: 140%;
	letter-spacing: -1%;
}

.rich-text a {
	color: var(--text-neutral-primary);
	text-decoration: underline;
	text-decoration-color: var(--border-brand-y-primary);
	text-decoration-style: solid;
	text-decoration-offset: 14%;
	text-decoration-thickness: 10%;
	text-decoration-skip-ink: auto;
}

.rich-text a:hover {
	color: var(--text-neutral-teritary);
	text-decoration: underline;
	text-decoration-color: var(--border-brand-y-primary);
	text-decoration-style: solid;
	text-decoration-offset: 14%;
	text-decoration-thickness: 10%;
	text-decoration-skip-ink: auto;
	text-decoration-inset: -5px;
}

.rich-text a:active {
	color: var(--text-neutral-primary);
	text-decoration: underline;
	text-decoration-color: var(--text-neutral-primary);
	text-decoration-style: solid;
	text-decoration-offset: 14%;
	text-decoration-thickness: 10%;
	text-decoration-skip-ink: auto;
}

.rich-text a:focus {
	outline: 2px solid var(--focus);
	border-radius: var(--radius-base-4);
	outline-offset: 1px;
	color: var(--text-neutral-primary);
	text-decoration: underline;
	text-decoration-color: var(--border-brand-y-primary);
	text-decoration-style: solid;
	text-decoration-offset: 14%;
	text-decoration-thickness: 8%;
	text-decoration-skip-ink: auto;
}



@media all and (min-width: 0px) {

	.rich-text {
		font-size: 24px;
	}
	
}


@media all and (min-width: 1024px) {

	.rich-text {
		font-size: 28px;
	}

}


@media all and (min-width: 1440px) {

	.rich-text {
		font-size: 32px;
	}
	
}