/*
 * Search — page file. Results page with people and posts sections.
 * The header dropdown styles live in shared/shell.css (.search-dropdown).
 */

.search {
  max-width: 1040px;
  margin: 0 auto;
}

.search__header {
  margin-bottom: var(--space-6);
}

.search__header .text-caption {
  margin-top: var(--space-1);
}

.search__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  text-align: center;
  color: var(--color-comment);
}

.search__empty .text-emphasis {
  color: var(--color-foreground);
}

.search__empty .btn {
  width: auto;
}

.search__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}

.search__list {
  padding: var(--space-2);
  background-color: var(--color-card);
  border-radius: var(--radius-comfortable);
}

.search-dropdown__post {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

@media (min-width: 1024px) {
  .search__columns {
    grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
    align-items: start;
  }
}