/**
 * ============================================================================
 * RESPONSIVE.CSS — Ajustements tablette / desktop
 * ============================================================================
 * style.css est écrit mobile-first. Ce fichier ne contient que les
 * surcharges nécessaires à partir de 640px et 1024px.
 * ============================================================================
 */

@media (min-width: 640px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .welcome-title {
    font-size: 2.6rem;
  }

  .step-title {
    font-size: 1.9rem;
  }
}

@media (min-width: 1024px) {
  .app-main {
    padding-top: 64px;
  }

  .welcome-screen {
    padding-top: 12vh;
  }
}