/* Nav search — scoped to the form; do not global-reset * (breaks Bootstrap nav spacing). */
.form {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

.search-field {
  width: 100%;
  padding: 10px 35px 10px 15px;
  border: 1px solid var(--mtae-brand-rule, rgba(75, 84, 122, 0.15));
  background: var(--mtae-canvas-alt, #f8fafc);
  outline: none;
  box-sizing: border-box;
}

.search-button {
  background: var(--mtae-canvas-alt, #f8fafc);
  border: 1px solid var(--mtae-brand-rule, rgba(75, 84, 122, 0.15));
  outline: none;
  margin-left: -33px;
  box-sizing: border-box;
}

.search-button img {
  width: 20px;
  height: 20px;
}