/*
 * Messages of the three forms (assets/js/patterns/forms.js), styled as the
 * old site's: field errors in red under the field, the invalid field's border
 * red, and the thank-you text that replaces the form.
 */
.sp-form-error.sp-form-error {
	margin: 6px 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 20px;
	color: #dc2626;
}
.sp-newsletter .sp-form-error.sp-form-error {
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 16px;
	color: #ef4444;
}
form[data-sp-form] [aria-invalid="true"]:not([type="checkbox"]) {
	border-color: #ef4444;
}
.sp-turnstile:not(:empty) { margin-top: 12px; }

.sp-form-thanks__title.sp-form-thanks__title {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 32px;
	font-weight: 600;
	letter-spacing: -0.025em;
	color: var(--wp--preset--color--black);
}
.sp-form-thanks__text.sp-form-thanks__text {
	margin-top: 12px;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	color: color-mix(in srgb, var(--wp--preset--color--black) 68%, transparent);
}
.sp-form-thanks--newsletter { width: 100%; max-width: 405px; }
.sp-form-thanks--newsletter .sp-form-thanks__title.sp-form-thanks__title { font-size: 20px; line-height: 28px; }
.sp-form-thanks--newsletter .sp-form-thanks__text.sp-form-thanks__text {
	margin-top: 8px;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.625;
	color: color-mix(in srgb, var(--wp--preset--color--black) 60%, transparent);
}
@media (min-width: 1536px) {
	.sp-form-thanks--newsletter { max-width: 448px; }
}
.sp-form-thanks--contact { display: flex; flex-direction: column; justify-content: center; min-height: 400px; }
.sp-form-thanks--wealth { padding-block: 24px; }
.sp-form-thanks--wealth .sp-form-thanks__text.sp-form-thanks__text { max-width: 440px; }