@media (max-width:1120px) {
  .trend-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .category-group { margin-left:0; }
}

@media (max-width:820px) {
  .trend-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .filter-row { gap:var(--space-4); }
  .filter-group { align-items:flex-start; flex-direction:column; gap:7px; }
  .filter-segmented { width:100%; }
  .filter-segmented .button { flex:1; }
  .category-group { width:100%; }
  #category-filter { width:100%; }
  .capture-button { margin-left:0; }
}

@media (max-width:560px) {
  .app-header,.page-title { align-items:stretch; flex-direction:column; }
  .app-shell { width:min(100% - 32px,1320px); padding:28px 0 56px; }
  .header-actions,.title-actions { justify-content:space-between; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trend-list { grid-template-columns:1fr; }
  .filter-bar { padding:12px; }
  .view-range { width:100%; flex-wrap:wrap; }
  .view-range input { flex:1; min-width:90px; }
  .search-wrap { flex-basis:100%; }
  .capture-button { width:100%; }
}