  margin-bottom: 1rem;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .sort-control {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        select {
            padding: 0.375rem 2.25rem 0.375rem 0.75rem;
            border: 1px solid #d1d5db;
            border-radius: 0.25rem;
            appearance: none;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%