/* Core search results page (/search/node). */

/* Form: big underlined input with the Search button on the same row.
   Markup: .form-item-keys > [.form-item__control.textfield > input] + [.field-suffix > .input-group-btn > submit] */
.search-page-form {
  margin: 32px 0 56px;
}
.search-page-form .form-item-keys {
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0;
  width: 100%;
}
.search-page-form .form-item-keys .form-item__control.textfield {
  flex: 1 1 auto;
}
.search-page-form .form-item-keys .field-suffix {
  flex: 0 0 auto;
}
.search-page-form input[type="search"],
.search-page-form input.form-search {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #004632;
  border-radius: 0;
  background: transparent;
  color: #004632;
  min-height: 56px;
  padding: 0 8px 4px 0;
  font-size: 18px;
  outline: none;
  box-shadow: none;
}
.search-page-form input[type="search"]::placeholder,
.search-page-form input.form-search::placeholder {
  color: #004632;
  opacity: 0.6;
}
.search-page-form input.form-submit {
  white-space: nowrap;
}

/* Mobile: button drops under the input, keeping space between them. */
@media (max-width: 767px) {
  .search-page-form .form-item-keys {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .search-page-form .form-item-keys .field-suffix {
    align-self: flex-start;
  }
}

/* Results: plain list without numbers, with space between items. */
ol.search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.search-results > li.search-results__item {
  margin: 0 0 48px;
  padding: 0;
}
ol.search-results h3 {
  margin: 0 0 12px;
  word-break: break-word;
}