/* TA — lo stile dei tre ritocchi di casa. r1, 31/10/2026.
   Serve solo alla fila dei cerchi in lega che scorre di lato sul telefono:
   il resto lo fa il programma, perche' quei valori sono scritti dentro gli
   elementi con «!important» e un foglio di stile non li puo' scavalcare.
   Si carica SEMPRE, come il programma. */
.ta-fila-scorre {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 78% !important;
  grid-template-columns: none !important;
  /* ⛔ 31/10 — IL VUOTO IN FONDO ALLE SCHEDE ERA QUI. Una griglia allunga
     tutte le caselle all'altezza della piu' alta («stretch» e' il
     comportamento di partenza). Nella fila che scorre la scheda diventava
     cosi' piu' alta del suo contenuto, e sotto restava il vuoto. Misurato
     il 31/10 sulla pagina delle gomme:
         finestra 390 px →   2 px di vuoto
         finestra 560 px →  42 px
         finestra 640 px →  77 px
         finestra 700 px → 104 px
     Con «start» ogni scheda e' alta quanto quello che contiene, e basta. */
  align-items: start !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-bottom: .6rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,178,0,.55) transparent;
}
.ta-fila-scorre > * { scroll-snap-align: start; }
.ta-fila-scorre::-webkit-scrollbar { height: 6px; }
.ta-fila-scorre::-webkit-scrollbar-thumb {
  background: rgba(255,178,0,.55); border-radius: 3px;
}