/* ==========================================================================
   AET — RESPONSIVE.CSS
   Ajustements complémentaires mobile-first (les composants sont déjà
   responsive dans global.css / home.css / courses.css / dashboard.css)
   ========================================================================== */

html, body{max-width:100%;overflow-x:hidden;}

@media (max-width:600px){
  .btn{width:100%;}
  .hero-actions .btn, .cta-row .btn{width:auto;}
  .header-inner{padding-top:11px;padding-bottom:11px;}
  .brand-text{display:none;}
  .mod-grid, .prompt-grid, .example-grid{grid-template-columns:1fr;}
  .course-block{padding:18px;}
  .certificate{padding:30px 20px;}
  .certificate .cert-meta{flex-direction:column;gap:12px;}
}

/* zones tactiles confortables partout (WCAG/Apple : 44px min) */
.tab, .pill, .nav-link, .quiz-opt, .theme-toggle button{min-height:44px;}
.nav-close, .switch{min-width:44px;}
button, a.btn{touch-action:manipulation;}