/* v62: phones only (767 px and narrower). Same design, App Store-style structure: long stacks of cards become a swipeable row
   with a peek of the next card. Nothing here applies at 768 px and wider. */
@media (max-width:767px){
  /* published packages: 9 cards were about 7 screens tall; now one row, swiped sideways, snapping card by card */
  #published .tr-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;margin:0 -20px;padding:6px 20px 18px;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #published .tr-grid::-webkit-scrollbar{display:none}
  #published .tr-card{scroll-snap-align:start;scroll-snap-stop:always}
  #published .tr-media{aspect-ratio:16/11}

  /* tap areas of at least 44 px for small controls, without changing how they look (an invisible larger hit area) */
  .sih-menu,.pk-chip,.pk-fav-link{position:relative}
  .sih-menu::after,.pk-chip::after,.pk-fav-link::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
}