.t2i-public-form-page {
	--t2i-form-ink: #172c46;
	--t2i-form-navy: #15385e;
	--t2i-form-focus: #21649a;
	--t2i-form-border: #687a8f;
	--t2i-form-surface: #fff;
}

.t2i-public-form-page .wp-block-post-content {
	color: var(--t2i-form-ink);
	background: #f2f5f8;
}

.t2i-public-form-page .wp-block-post-content h1 {
	color: var(--t2i-form-ink);
	letter-spacing: -.025em;
}

.t2i-public-form-page .wp-block-post-content p {
	overflow-wrap: anywhere;
}

.t2i-public-form-page .wp-block-post-content a:not(.wp-element-button) {
	color: var(--t2i-form-navy);
	text-decoration: underline;
	text-underline-offset: .18em;
}

.t2i-public-form-page .wp-block-post-content .bf-form {
	box-sizing: border-box;
	padding: clamp(14px, 3vw, 32px);
	margin-block: 24px;
	border: 1px solid #c9d4df;
	border-radius: 18px;
	background: var(--t2i-form-surface);
	box-shadow: 0 12px 30px rgb(21 56 94 / 7%);
}

.t2i-public-form-page .bf-form :is(input, textarea, select, button, [role="combobox"]) {
	scroll-margin-block: 130px;
}

.t2i-public-form-page .bf-form .bf-fld-wrp :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), textarea, select) {
	font-size: 18px !important;
	color: var(--t2i-form-ink) !important;
}

.t2i-public-form-page .bf-form .bf-fld-wrp :is(input, textarea)::placeholder {
	color: #566779;
	opacity: 1;
}

.t2i-public-form-page .bf-form .bf-fld-wrp textarea {
	min-height: 120px !important;
	resize: vertical;
}

.t2i-public-form-page .bf-form .bf-phone-field-wrapper {
	border-color: var(--t2i-form-border);
	border-radius: 8px;
	background: var(--t2i-form-surface);
}

.t2i-public-form-page .bf-form .bf-phone-field-wrapper:focus-within {
	border-color: var(--t2i-form-focus);
	outline: 3px solid var(--t2i-form-focus);
	outline-offset: 2px;
	box-shadow: none !important;
}

.t2i-public-form-page .bf-form .bf-phone-field-wrapper .bf-phone-number-input:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.t2i-public-form-page .bf-form .bf-phone-field-wrapper [role="combobox"]:focus-visible {
	outline: 2px solid var(--t2i-form-focus) !important;
	outline-offset: -3px !important;
}

.t2i-public-form-page .bf-form button[type="submit"] {
	min-block-size: 54px;
	border-radius: 8px;
}

.t2i-public-form-page .bf-form button[type="submit"]:hover {
	background: #102a46 !important;
}

.t2i-public-form-page .wp-block-post-content a:focus-visible {
	outline: 3px solid var(--t2i-form-focus);
	outline-offset: 4px;
}

@media (max-width: 480px) {
	.t2i-public-form-page .wp-block-post-content > .wp-block-group {
		padding-inline: 14px !important;
	}
}

@media (forced-colors: active) {
	.t2i-public-form-page .bf-form .bf-phone-field-wrapper:focus-within {
		outline-color: Highlight;
	}
}
