/* Schemes and Services page: search box above the table.
   The table itself is styled by inner-page.css. */
.ss-search { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1.2rem 2rem; margin: 0 0 2rem; }
.ss-search-field { flex: 1 1 32rem; max-width: 48rem; }
.ss-search label { display: block; margin-bottom: .6rem; font-weight: 600; }
.ss-search-box {
  display: flex; align-items: stretch; height: 48px;
  background: var(--dbim-white, #fff);
  border: 1px solid var(--dbim-grey-01, #c6c6c6);
  border-bottom: 3px solid var(--dbim-wintergreen-dream, #162F6A);
  border-radius: 12px 12px 0 0; overflow: hidden;
}
.ss-search-box input { flex: 1 1 auto; min-width: 0; padding: 0 1.4rem; border: 0; background: transparent; font-size: 16px; }
.ss-search-box input:focus { outline: none; }
.ss-search-box:focus-within { outline: 3px solid var(--dbim-info-blue, #0D6EFD); outline-offset: 2px; }
.ss-search-box button {
  flex: 0 0 auto; min-width: 4.8rem; padding: 0 1.4rem; border: 0;
  border-left: 1px solid var(--dbim-grey-01, #c6c6c6);
  background: var(--dbim-white, #fff); color: var(--dbim-wintergreen-dream, #162F6A);
  font-weight: 600; cursor: pointer;
}
.ss-search-box button:hover { background: var(--dbim-azureish-white-bg, #D2DFFF); }
.ss-search-box button[hidden] { display: none; }
.ss-count { margin: 0; color: var(--dbim-grey-03, #606060); }

/* Keep filtered-out rows and albums hidden even if inner-page.css gives them a display value */
#ssTable tbody tr[hidden],
#albumGrid > li[hidden] { display: none !important; }

/* Photo Gallery: the album's photo caption, shown under its name and included in the search */
.album-grid figcaption .album-desc {
  display: block;
  margin-top: .4rem;
  color: var(--dbim-grey-03, #606060);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}