.list-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; flex-wrap: wrap; }
.list-title-wrap { display: flex; flex-direction: column; gap: 6px; }
.list-subtitle { color: var(--text-muted); font-size: 14px; max-width: 560px; }
.list-filters { display: flex; align-items: center; margin-left: auto; }
@media (max-width: 768px) {
  .list-header { gap: 14px; }
  .list-filters { margin-left: auto; }
}