.legacy-home-shell,
.migration-shell {
  max-width: 760px;
  padding: 4rem 0;
}

.legacy-home-shell {
  max-width: 1120px;
}

.legacy-home-shell__header {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 1.5rem;
}

.legacy-home-shell__eyebrow,
.migration-shell__eyebrow {
  color: #326a6b;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.legacy-home-shell h1,
.migration-shell h1 {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.legacy-home-shell p,
.migration-shell p {
  color: #4b5563;
  font-size: 1.125rem;
  line-height: 1.65;
}

.legacy-home-shell__body {
  border-top: 1px solid #e5e7eb;
  margin-top: 2rem;
  padding-top: 2rem;
}

.legacy-home-shell__body h2 {
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

search-box {
  display: block;
}

comgem-navigation {
  display: block;
  min-height: 2.75rem;
}

@media (min-width: 900px) {
  .legacy-home-shell__header {
    align-items: end;
    grid-template-columns: minmax(0, 0.85fr) minmax(320px, 0.65fr);
  }
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}