.toyrd-contact {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--content-size, 645px);
	margin: 28px auto;
	padding: clamp(20px, 4vw, 36px);
	border: 1px solid #d9e0e8;
	border-top: 3px solid var(--toyrd-orange, #f67624);
	border-radius: 6px;
	background: #fff;
	color: var(--toyrd-navy, #091a38);
	scroll-margin-top: 100px;
}

.toyrd-contact .fluentform,
.toyrd-contact .fluentform button,
.toyrd-contact .fluentform .ff-el-form-control {
	font: inherit;
}

.toyrd-contact .fluentform .ff-el-form-control {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 11px 12px;
	border: 1px solid #98a6b8;
	border-radius: 4px;
	background: #fff;
	color: var(--toyrd-navy, #091a38);
	font-size: 16px;
}

.toyrd-contact .fluentform textarea.ff-el-form-control {
	min-height: 180px;
	resize: vertical;
}

.toyrd-contact .fluentform .ff-el-input--label label {
	font-weight: 650;
}

.toyrd-contact .fluentform .ff-el-help-message,
.toyrd-contact .fluentform .ff-el-input--content + .ff-el-help-message,
.toyrd-contact-source {
	color: #445064;
	font-size: .9em;
	line-height: 1.6;
}

#contact-form .fluentform .ff-btn-submit {
	min-height: 48px;
	padding: 12px 24px;
	border: 1px solid var(--toyrd-orange, #f67624);
	border-radius: 4px;
	background: var(--toyrd-orange, #f67624);
	color: #091a38;
	font-weight: 750;
	cursor: pointer;
}

#contact-form .fluentform .ff-btn-submit:hover {
	background: #ef9a50;
	color: #091a38;
}

#contact-form .fluentform .ff-btn-submit:disabled {
	opacity: .7;
	cursor: wait;
}

#contact-form :focus-visible,
.toyrd-contact-invite a:focus-visible {
	outline: 3px solid #075bd8;
	outline-offset: 3px;
}

.toyrd-contact .fluentform .error,
.toyrd-contact .fluentform .text-danger,
.toyrd-contact .ff-errors-in-stack {
	color: #9f241e;
}

.toyrd-contact .ff-message-success {
	border: 1px solid #31754c;
	background: #eef8f1;
	color: #19452d;
}

.toyrd-contact a,
.toyrd-contact-invite a {
	color: #0649ae;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.toyrd-contact-source {
	margin-top: 0;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5eaf1;
	overflow-wrap: anywhere;
}

.toyrd-contact-invite {
	margin: 32px 0;
	padding-top: 18px;
	border-top: 1px solid #e5eaf1;
	color: #445064;
}

@media (max-width: 480px) {
	.toyrd-contact { padding: 20px 12px; }
	#contact-form .fluentform .ff-btn-submit { width: 100%; }
}