@media (max-width: 1080px) {
  .hero, .intro-card { grid-template-columns: 1fr; }
  .filters-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quiz-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quiz-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .topbar { border-radius: 22px; flex-wrap: wrap; gap: 12px; }
  .topnav { width: 100%; justify-content: center; flex-wrap: wrap; }
  .hero-stats, .filters-panel, .quiz-grid, .meta-grid, .stats-grid, .chart-board { grid-template-columns: 1fr; }
  .hero-search { flex-direction: column; }
  .intro-actions, .action-row, .result-actions { flex-direction: column; }
  .quiz-topbar { flex-direction: column; align-items: stretch; }
  .analysis-toolbar { flex-direction: column; }
}