.kfo {
	box-sizing: border-box;
	width: 100%;
	max-width: 54rem;
	margin: clamp(2rem, 5vw, 4.5rem) auto;
	padding: clamp(1.25rem, 4vw, 3rem);
	border: 1px solid #d7ddd6;
	border-radius: 1rem;
	background: #f8f9f5;
	color: #203127;
	scroll-margin-top: 6rem;
}
.kfo *, .kfo *::before, .kfo *::after { box-sizing: border-box; }
.kfo h2 { margin: 0 0 .65rem; color: inherit; }
.kfo p { max-width: 65ch; margin: .5rem 0 1.25rem; }
.kfo form { width: 100%; margin: 0; }
.kfo .kfo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.15rem; margin-bottom: 1.15rem; }
.kfo label { display: block; margin-bottom: .35rem; color: inherit; font-weight: 650; }
.kfo .kfo-optional { font-weight: 400; }
.kfo input:not([type="hidden"]), .kfo textarea {
	display: block;
	width: 100%;
	min-height: 2.9rem;
	padding: .65rem .8rem;
	border: 1px solid #707d73;
	border-radius: .35rem;
	background: #fff;
	color: #19261e;
	font: inherit;
}
.kfo textarea { resize: vertical; }
.kfo .kfo-help { color: #46554b; font-size: .925em; }
.kfo form > .kfo-help:last-of-type { margin: 1.25rem 0 .85rem; }
.kfo a { color: #214d3a; text-decoration: underline; }
.kfo button {
	min-height: 2.9rem;
	padding: .7rem 1.4rem;
	border: 1px solid #203c2f;
	border-radius: .35rem;
	background: #203c2f;
	color: #fff;
	font: inherit;
	font-weight: 650;
	cursor: pointer;
}
.kfo button:hover { background: #10291f; }
.kfo :focus-visible { outline: 3px solid #166d8b; outline-offset: 3px; }
.kfo .kfo-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kfo .kfo-errors { margin: 1rem 0; padding: 1rem; border-inline-start: 3px solid #96352b; background: #fff0ec; }
.kfo .kfo-errors ul { margin: .5rem 0 0; padding-inline-start: 1.25rem; }
.kfo .kfo-errors a, .kfo .kfo-field-error { color: #79291f; }
.kfo [aria-invalid="true"] { border-color: #96352b; }
@media (max-width: 38rem) { .kfo .kfo-grid { grid-template-columns: minmax(0, 1fr); } }
/* The visitor can change the subject of an enquiry, including on a campaign page. */
.kfo .kfo-interest { margin: 1.05rem 0 1.2rem; }
.kfo .kfo-interest select {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: .65rem 2rem .65rem .85rem;
    border: 1px solid #8c9ea9;
    border-radius: 3px;
    background-color: #fff;
    color: #122f49;
    font: inherit;
    text-overflow: ellipsis;
    cursor: pointer;
}
.kfo .kfo-interest select:focus-visible {
    outline: 2px solid #295a82;
    outline-offset: 2px;
}
.kfo-form input:not([type="hidden"]):focus-visible, .kfo-form textarea:focus-visible {
    outline: 2px solid #295a82;
    outline-offset: 1px;
}
.kfo .kfo-form button[type="submit"] { width: 100%; }