/* ========================================================================== 
   Responsive — adaptations tablette / smartphone
   ========================================================================== */

@media (max-width: 900px) {
  .course-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .app-header__brand small { display: none; }
}

@media (max-width: 768px) {
  .app-container, .quiz-container { width: min(100% - 1.25rem, var(--content-width)); }

  .app-header__inner { flex-wrap: wrap; row-gap: .5rem; min-height: 64px; }
  .app-header__nav { width: 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: .2rem; }
  .app-header__nav .btn { flex: 0 0 auto; }

  .card { padding: 1.15rem; border-radius: 17px; }
  .hero { padding: 2.5rem 0 1.35rem; }
  .hero p { font-size: 1rem; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; }

  .course-grid { grid-template-columns: 1fr; }
  .course-card { min-height: auto; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }

  .quiz-card { padding: 1.1rem; }
  .quiz-card__question { font-size: 1.12rem; }
  .answer-option { padding: .9rem; }

  .quiz-actions { flex-direction: column; align-items: stretch; }
  .quiz-actions__left { width: 100%; }
  .quiz-actions__left .btn, .quiz-actions > .btn { width: 100%; }

  .result-card__actions { flex-direction: column; }
  .result-card__actions .btn { width: 100%; }

  .mistake-item { flex-direction: column; align-items: flex-start; }
  .history-item { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .quiz-setup__options { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  body::before { background-size: 28px 28px; }
  .app-header__brand::before { width: 32px; height: 32px; }
  .app-header__nav .btn { padding-inline: .75rem; }
  .stat-grid, .result-card__grid { grid-template-columns: 1fr 1fr; }
  .quiz-setup__options { grid-template-columns: repeat(2, 1fr); }
  .quiz-meta { align-items: flex-start; }
  .answer-option__status { display: none; }
}