/* Filters (board v5): one row of pills, as on Discover; the search takes the room left over. */
.gallery-filter { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.gallery-filter__search { flex: 1 1 18rem; }
.gallery-filter__rider { flex: 0 1 13rem; }
.gallery-filter__select { flex: 0 0 auto; max-width: 14rem; }
.gallery-filter .wd-button { min-height: 48px; }
@media (max-width: 640px) { .gallery-filter > * { flex: 1 1 100%; max-width: none; } }
.gallery-results-head { margin: 1.5rem 0 .8rem; }
.layout-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.layout-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
}
.layout-card__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 210px;
  background: #05060a;
  border-radius: 12px;
  padding: 10px;
}
.layout-card__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.layout-card__name { font-weight: 600; overflow-wrap: anywhere; }
.layout-card__rider { font-size: 13px; opacity: .75; text-decoration: none; }
.layout-card__rider:hover { text-decoration: underline; }
.layout-card__description { font-size: 13px; opacity: .8; margin: 0; overflow-wrap: anywhere; }
.layout-card__labels { display: flex; flex-wrap: wrap; gap: 6px; }
.layout-card__actions { display: flex; gap: 8px; margin-top: auto; flex-wrap: wrap; }
.layout-card__actions .wd-button { flex: 1 1 auto; }