/* Tarh & Afarinesh — V2 RESPONSIVE FOUNDATION (independent of V1's responsive.css)
   V2 pages are inline-styled and self-contained: each page's own <style> block owns
   its component-level @media rules (team columns, sticky→static, etc). The ONLY
   thing this file provides is the breakpoint re-valuing of the shared grid tokens
   (--marg/--gap, aliased by tokens-v2.css as --grid-margin/--grid-gutter) plus
   global cross-page safety. Nothing here targets a V1 selector ([data-hd],
   [data-aw-row]…) and nothing here collapses [style*="…"] strings — V2 pages
   never needed that fallback (they already carry their own @media rules). */

@media (max-width:1279px){ :root{ --marg:32px; --gap:20px; } }
@media (max-width:1023px){ :root{ --marg:28px; --gap:18px; } }
@media (max-width:767px){ :root{ --marg:20px; --gap:14px; } }
@media (max-width:389px){ :root{ --marg:16px; --gap:12px; } }

html,body{ overflow-x:clip; }

@media (max-width:1023px){
  [data-v2-shell]{ overflow-wrap:break-word; }
}

@media (hover:none), (pointer:coarse){
  [data-cursor-el]{ display:none !important; }
}

@media (max-width:1023px){
  [data-jr2-prog]{ opacity:.55; }
}
@media (max-width:767px){
  [data-jr2-prog]{ display:none !important; }
}

/* V1's filter tab bar, ported: on narrow viewports it scrolls horizontally with the
   scrollbar hidden, rather than wrapping every tab onto its own line. */
@media (max-width:767px){
  [data-jr2-filters]{ flex-wrap:nowrap !important; overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; }
  [data-jr2-filters]::-webkit-scrollbar{ display:none; }
  [data-jr2-filters] button{ flex:0 0 auto; }
}

/* V1's editorial field uses literal 12-column positions (e.g. "9 / span 4"), which only line
   up with the desktop grid — var(--grid-cols) is redefined to 8 (tablet) / 4 (mobile)
   elsewhere in this file, so below desktop every card simply stacks full-width, same as V1's
   own mobile behavior (margin-top zeroed there too, matching v1/responsive.css §11). */
@media (max-width:1023px){
  [data-jr2-grid] [data-jr2-card]{ grid-column:1 / -1 !important; margin-top:0 !important; }
}