html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

/* Search bar focus ring */
.search-bar:focus-within {
  border-color: #017ff8;
  box-shadow: 0 0 0 3px rgba(1, 127, 248, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}

/* Filter chip toggle */
.filter-chip {
  cursor: pointer;
  transition: all 0.15s ease;
}

.filter-chip.active {
  background-color: #1aa89a;
  color: #fff;
}

.filter-chip:not(.active):hover {
  background-color: #e5e7eb;
}