/* 메인(광장) — 맨 위 Carousel 배너 + 패턴 위 작품 카드. 컴포넌트 클래스는 덮어쓰지 않고 바깥 배치만 정한다. */

.home-filters { display: flex; flex-direction: column; gap: var(--dlab-space-15); }
.home-filter-row { display: flex; flex-direction: column; gap: var(--dlab-space-10); min-width: 0; }
.home-filter-label { color: var(--dlab-color-text-secondary); }
/* 태그가 한 줄에 다 안 들어가면 가로로 스크롤한다(가이드 8장 Tag). */
.home-filter-tags {
  display: flex;
  gap: var(--dlab-space-10);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  /* 포커스 테두리(2px + 2px)가 잘리지 않게 안쪽 여백을 둔다 */
  padding: var(--dlab-space-5);
  margin: calc(-1 * var(--dlab-space-5));
}

.home-search { max-width: 360px; }
.home-sort { width: 180px; }
.home-results { color: var(--dlab-color-text-secondary); }
.home-results strong { color: var(--dlab-color-text-default); }

@media (min-width: 720px) {
  .home-filter-row { flex-direction: row; align-items: center; gap: var(--dlab-space-15); }
  .home-filter-label { flex: 0 0 60px; }
}
@media (min-width: 1080px) {
  .home-filter-tags { flex-wrap: wrap; overflow: visible; }
}