/* ════════════════════════════════════════════════════════════════════
   Page Feed — styles propres à cette page (grille/cartes/popup = partagés)
   ════════════════════════════════════════════════════════════════════ */

.feed-header { margin-bottom: 20px; }
.feed-title { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.feed-subtitle { color: var(--text-dim); font-size: 14px; margin: 0; }

/* ── Barre de filtres + tri ── */
.feed-toolbar { display: flex; align-items: center; gap: 12px;
  margin-bottom: 18px; flex-wrap: wrap; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; flex: 1; }
.chip { padding: 7px 13px; border-radius: 999px; cursor: pointer;
  font-family: inherit; font-size: 12px; font-weight: 600;
  background: var(--surface); border: 1px solid var(--border-2); color: var(--text-dim); }
.chip:hover { color: var(--text); }
.chip.active { background: var(--accent); border-color: var(--accent); color: #4A2721; }
.sort-select { padding: 8px 12px; border-radius: var(--radius);
  background: var(--surface); border: 1px solid var(--border-2);
  color: var(--text); font-family: inherit; font-size: 12px; cursor: pointer; }