/* Home: keep each date range together so the three editorial columns scan as
   a single, calm line on desktop. The compact mobile layout intentionally
   returns to the existing stacked structure. */
@media (min-width: 768px) {
  .home .tsf-moment > summary {
    grid-template-columns: 45px minmax(210px, 1.2fr) max-content minmax(220px, 1fr) 30px;
  }

  .home .tsf-moment > summary small {
    white-space: nowrap;
  }
}

/* Home countdown: its heading is deliberately two editorial lines. Give the
   intro column enough room for “¿Cuándo es” instead of letting it fragment. */
@media (min-width: 992px) {
  .home .tsf-countdown-shell {
    grid-template-columns: minmax(310px, .78fr) minmax(420px, 1.3fr) minmax(195px, .58fr);
  }

  .home .tsf-countdown-intro {
    padding-right: 20px;
  }

  .home .tsf-countdown h2 {
    white-space: nowrap;
  }
}