/*
 * One rule the ported evaluation form depends on but does not ship.
 *
 * On live this lives in custom-trade-portal/css/style.css, which the form page
 * also loads. The form marks its collapsed engineering sections with
 * class="form-section hide", and without this rule those 62 fields render
 * expanded instead of hidden.
 *
 * Copied verbatim. Only this one rule was taken: of the 10 rules in live's
 * trade portal stylesheet, this is the only one that matches anything inside
 * the form, so the other nine are deliberately left out rather than bled onto
 * this site's pages.
 */
.hide { display:none !important; }

/*
 * Second borrowed rule, same reason.
 *
 * Live's theme stylesheet carries a global
 *   input, select, textarea { width: 100%; }
 * and the form relies on it. Without it the "how did you hear" select sizes to
 * its widest option and pushes 18px past a 375px viewport.
 *
 * Live's declaration is copied exactly, but scoped to the ported form so it
 * cannot change any other input on this site.
 */
.custom-evaluation-form input,
.custom-evaluation-form select,
.custom-evaluation-form textarea { width: 100%; }

/*
 * Third borrowed behaviour, added 18 Sep 2026 after the 375px and desktop
 * checks: the form's own stylesheet asks for "Aktiv Grotesk Trial Medium",
 * a font live loads from its theme and this theme does not, so every label
 * and field fell back to the browser's default serif. Scoped to the ported
 * form only. Field boxes get the same shape as the other forms on this site.
 */
.custom-evaluation-form,
.custom-evaluation-form .form-holder,
.custom-evaluation-form .form-section-title,
.custom-evaluation-form .form-label label,
.custom-evaluation-form .form-step,
.custom-evaluation-form input,
.custom-evaluation-form select,
.custom-evaluation-form textarea,
.custom-evaluation-form button { font-family: var(--font-ui, 'Inter', sans-serif); }
.custom-evaluation-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
.custom-evaluation-form select,
.custom-evaluation-form textarea {
	min-height: 44px; padding: 8px 12px; border: 1px solid #cfd8e3; border-radius: 8px;
	font-size: 16px; color: #1c2b3a; background: #fff; box-sizing: border-box;
}
.custom-evaluation-form textarea { min-height: 110px; }
.custom-evaluation-form .form-label label { font-size: 15px; color: #1c2b3a; }
@media screen and (max-width:480px) {
	.custom-evaluation-form .form-holder, .custom-evaluation-form .form-group { padding-left: 0; padding-right: 0; }
}