.migration-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.migration-form-status {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.migration-form-status[data-state="error"] {
  color: #9b1c1c;
}

.migration-form-status[data-state="success"] {
  color: #176b43;
}

.migration-turnstile {
  margin-top: 12px;
}

.migration-turnstile:empty,
.migration-form-status:empty {
  display: none;
}

.migration-search {
  min-height: 58vh;
  padding: 150px 24px 80px;
  background: #fff;
}

.migration-search > section {
  width: min(1080px, 100%);
  margin: 0 auto;
}

.migration-search h1 {
  margin-bottom: 24px;
  color: #158c9f;
  font-size: clamp(34px, 5vw, 58px);
}

.migration-search form > div {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

.migration-search input {
  flex: 1;
  min-width: 0;
  padding: 14px;
  border: 1px solid #b8b4b4;
  font: inherit;
}

.migration-search button {
  padding: 12px 22px;
  border: 0;
  background: #158c9f;
  color: #fff;
  font: inherit;
  cursor: pointer;
}

#migration-search-summary {
  margin: 28px 0 16px;
}

#migration-search-results article {
  padding: 22px 0;
  border-top: 1px solid #e5e5e5;
}

#migration-search-results h2 {
  padding: 0;
  font-size: 24px;
}

@media (max-width: 767px) {
  .migration-search {
    padding-top: 110px;
  }

  .migration-search form > div {
    flex-direction: column;
  }
}