/* =========================================
   Search Page Header
========================================= */
.search-page-header{
  max-width: 820px;
}

.search-page-intro{
  max-width: 760px;
  margin-bottom: 0;
  color: var(--bs-body-color);
  font-size: 1.075rem;
  line-height: 1.7;
}

/* =========================================
   Search Results
========================================= */
.search-panel{
  padding: .75rem;
  border: 1px solid rgba(33, 37, 41, .10);
  border-radius: var(--radius-card);
  background: var(--bs-white);
  box-shadow: var(--shadow-card);
}

.search-results-wrap{
  min-height: 420px;
}

/* =========================================
   Sidebar
========================================= */
.search-sidebar{
  display: grid;
  gap: 1rem;
}

.search-sidebar-list{
  margin: -.5rem 0;
}

.search-sidebar-list .list-group-item{
  padding-right: 0;
  padding-left: 0;
}

.search-tips{
  display: grid;
  gap: .55rem;
  padding-left: 1.1rem;
  margin-bottom: 0;
  color: var(--bs-secondary-color);
  font-size: var(--fs-small);
  line-height: 1.55;
}

@media (min-width: 768px){
  .search-panel{
    padding: 1rem;
  }
}

@media (min-width: 992px){
  .search-sidebar{
    position: sticky;
    top: 88px;
  }
}