#search-page .deck > header .header-grid {
  grid-template-columns: auto 1fr auto;
}
#search-page header input {
  width: 100%;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background-color: var(--bg-faded-color);
  border: 2px solid transparent;
}
#search-page header input:focus {
  outline: 0;
  background-color: var(--bg-color);
  border-color: var(--link-color);
}

#search-page ul.accounts-list {
  display: flex;
  flex-wrap: wrap;
}
#search-page ul.accounts-list li {
  flex-basis: 320px;
  display: flex;
  padding: 8px 16px;
  gap: 8px;
  align-items: center;
}

ul.link-list.hashtag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

ul.link-list.hashtag-list li a {
  border-radius: var(--radius);
}

@media (min-width: 40em) {
  #search-page header input {
    background-color: var(--bg-color);
  }
}
