/* =====================================================================
   Results Header (Figma 2077:17655, Game Day tablet Filtered 2077:17273; Prompt 31 Part 2.3)
   Shown on tablet and phone once a filter is applied: "N RESULTS FOR" (Mobile/17 label) with the "Clear all" link
   (text-xs, text/link) on one 22 px line, then the active filters as removable Follow Items (36 tall, follow.css) with a comma
   between them. 16 top / 4 bottom padding, 12 between the two rows. Watch Guide has the same block as .wg-results (watch-guide.css);
   it can switch to this file.
   ===================================================================== */
.results-header{display:none}
.results-header[hidden]{display:none!important}
@media (max-width:1023px){
  .results-header{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16) 0 var(--space-4)}
  .results-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:22px}
  .results-header__count{font:var(--text-mobile-label);letter-spacing:.44px;text-transform:uppercase;color:var(--text-secondary)}
  .results-header__clear{padding:var(--space-4) 0;border:0;background:none;cursor:pointer;font:var(--text-xs);color:var(--text-link);white-space:nowrap}
  .results-header__clear:hover{text-decoration:underline;text-underline-offset:2px}
  .results-header__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring);border-radius:var(--radius-md)}
  .results-header__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-4)}
  .results-header__chips .follow-item__label{font:var(--text-xs)}
  .results-header__chips .follow-item--topic.is-active.is-active{background:var(--surface-default);border:1px solid var(--button-secondary-border);box-shadow:var(--shadow-button-default)}
  .results-header__comma{font:var(--text-row-title);color:var(--text-primary);align-self:center;margin-right:var(--space-4)}
  .results-header .follow-item__img--logo{background:var(--neutral-0);border:.5px solid var(--border-default)}
  .results-header .follow-item__img--logo img{object-fit:contain;padding:3px;border:0;box-sizing:border-box}
}