.search-find-tool .js-form-item {
  margin: 0 0.5rem 0.5rem 0;
}

.search-find-tool .js-form-item label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.search-find-tool .chosen-container {
  min-width: 150px;
}

.search-find-tool input.form-text {
  /* #666 has no matching --color-* token in variables.css (a one-off
     border shade, not part of the established palette) -- kept
     literal. */
  border: 1px solid #666;
  border-radius: 3px;
  /* 8-digit hex (#c4bebe85) = #c4bebe at ~52% alpha -- valid CSS, kept
     literal (no matching --color-* + alpha token exists). */
  box-shadow: 0px 0px 6px #c4bebe85;
}

.search-find-tool .form-actions {
  clear: none;
  margin: 24px 0 0;
}

.search-find-tool .form-actions input.button {
  padding: 6px 35px;
  /* #ffe41f is one hex digit off from --color-golden-hour (#ffe41e) --
     confirmed NOT an exact match (this file uses plain hex throughout,
     not Sass variables, unlike most other converted components' source)
     -- kept literal rather than silently shifting the rendered color by
     re-pointing it at --color-golden-hour. */
  background: #ffe41f;
  font-weight: bold;
  border: 1px solid #dfc719;
}

.search-find-tool .form-actions input.button:hover {
  /* #502d0d is one hex digit off from --color-lehigh-brown (#502d0e) --
     same "near-miss, not identical" situation as #ffe41f above; kept
     literal. */
  background: #502d0d;
  color: var(--color-white);
  border-color: #502d0d;
}

.search-find-tool .messages {
  margin-top: 20px;
}

.search-find-tool table td {
  min-width: 90px;
}