/* =========================================================
   /trova-coach · layout della pagina (prefisso tc-)
   Solo posizioni, spazi e classi tc-: colori, font e ombre vengono dai token di site.css.
   ========================================================= */

/* 1 · hero: gli obiettivi sono il "movimento" del primo schermo */
.tc-hero .hero-in{max-width:var(--maxw);padding-bottom:clamp(32px,4.5vh,56px)}   /* allineato ai titoli delle sezioni */
.tc-goals{max-width:var(--maxw);padding-bottom:clamp(64px,8vw,128px)}
@media (min-width:720px){ .tc-goals .goals li{white-space:nowrap} }   /* «Preparazione gara» resta insieme, la barra resta attaccata alla parola */
.tc-goals .soon{margin-top:28px;align-items:flex-start;max-width:40em}
.tc-goals .soon i{margin-top:8px}

/* 2 · hai già un coach */
.tc-code{padding-top:clamp(56px,7vw,112px)}
.tc-code .feat-copy{grid-column:1/7}
.tc-code .feat-media{grid-column:7/13}
.tc-seq{margin-top:34px;gap:26px}
.tc-code .tlinks{margin-top:32px}
.tc-cap{margin-top:22px;text-align:right}

/* 3 · come scegliere */
.tc-points{margin-top:8px}
.tc-choose .tlinks{margin-top:32px}

/* 4 · sei un coach (media a sinistra: la didascalia a sinistra, lontana dalla lente in basso a destra) */
.tc-coach .tc-cap{text-align:left}
.tc-coach .feat-copy .body{max-width:34em}
.tc-coach .tlinks{gap:10px 28px}

@media (max-width:1023px){
  .tc-code .feat-copy,.tc-code .feat-media{grid-column:1/-1}
  .tc-cap{text-align:left}
}
@media (min-width:720px) and (max-width:1023px){
  /* tablet: la lente sotto l'immagine resta leggibile senza diventare un poster */
  .tc-code .loupe{max-width:480px;margin-inline:auto}
  .tc-coach .loupe{max-width:440px}
  .tc-code .tc-cap{text-align:center}
}
@media (max-width:719px){
  .tc-goals .goals{font-size:clamp(34px,10.4vw,48px)}
  .tc-coach .tlinks{flex-direction:column;align-items:flex-start}
}