/* ===== GrammarPractice landscape / wide layout =====
 * Loaded via media="(orientation: landscape) and (min-width: 600px)".
 * Scoped to QUIZ PLAY ONLY — setup/menu screens stay at normal (portrait) size.
 *
 * Two tiers:
 *   Tier 1 (always on when loaded) — iPhone landscape (~667–932w, ~375–430h)
 *     2x2 choices, modest font bump. Vertical padding kept tight.
 *
 *   Tier 2 (@media min-width: 900px) — iPad landscape
 *     Additional size bump on quiz elements.
 */

/* ========== Tier 1: iPhone landscape + base wide ========== */

/* Stop iOS Safari rubber-band drag and URL-bar wobble. */
html, body { height: 100svh; min-height: 100svh; overscroll-behavior-y: none; }
body { overflow-y: auto; }

/* Quiz header — tight vertically for iPhone landscape */
.quiz-header { padding: 8px 16px; margin-bottom: 8px; }
.quiz-progress { font-size: 0.95em; }
.quiz-timer { font-size: 1.05em; }
.quiz-score { font-size: 1.15em; }

/* Quiz card */
.quiz-question-card { padding: 12px 18px; margin-bottom: 10px; }
.quiz-question-text { font-size: 1.25em; line-height: 1.5; margin-bottom: 10px; }
.quiz-question-text .blank { min-width: 90px; }

/* 2x2 choice grid */
.quiz-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.quiz-choice {
  padding: 9px 16px;
  font-size: 1.05em;
  line-height: 1.35;
}
.quiz-mmc-submit { font-size: 1.05em; padding: 11px; margin-top: 8px; }

.quiz-explanation {
  font-size: 0.96em;
  padding: 14px 18px;
  margin-top: 12px;
  line-height: 1.7;
}
.quiz-next-btn { font-size: 1.05em; padding: 14px; margin-top: 10px; }

/* Results */
.result-score-card { padding: 22px; }
.result-score-big { font-size: 2.8em; }
.result-item { padding: 12px 16px; }

/* Theme quiz word bank */
.word-bank-selected {
  font-size: 1.25em;
  padding: 12px 16px;
  min-height: 52px;
  margin-bottom: 14px;
}
.word-bank-btn {
  padding: 13px 22px;
  font-size: 1.15em;
  min-width: 80px;
}
.tq-feedback { font-size: 1em; padding: 11px 16px; }

/* ========== Tier 2: iPad landscape — extra bump ========== */

@media (min-width: 900px) {
  .quiz-header { padding: 16px 22px; margin-bottom: 20px; }
  .quiz-progress { font-size: 1.1em; }
  .quiz-timer { font-size: 1.3em; min-width: 60px; }
  .quiz-score { font-size: 1.35em; }

  .quiz-question-card { padding: 36px 40px; margin-bottom: 20px; }
  .quiz-question-text { font-size: 1.6em; line-height: 1.8; margin-bottom: 20px; }
  .quiz-question-text .blank { min-width: 120px; padding: 0 12px; }

  .quiz-choices { gap: 14px; }
  .quiz-choice { padding: 22px 26px; font-size: 1.35em; line-height: 1.5; }
  .quiz-mmc-submit { font-size: 1.2em; padding: 16px; margin-top: 14px; }

  .quiz-explanation {
    font-size: 1.05em;
    padding: 20px 24px;
    margin-top: 16px;
    line-height: 1.8;
  }
  .quiz-next-btn { font-size: 1.2em; padding: 18px; margin-top: 16px; }
  .attempt-badge { font-size: 0.9em; padding: 3px 12px; }

  .result-score-card { padding: 40px; }
  .result-score-big { font-size: 4em; }
  .result-score-label { font-size: 1.05em; }
  .result-item { padding: 18px 22px; gap: 14px; }
  .result-mark { font-size: 1.6em; width: 36px; }
  .result-q { font-size: 1.1em; line-height: 1.6; }
  .result-answer { font-size: 0.95em; }
  .result-tag { font-size: 0.85em; padding: 3px 12px; }
  .result-points { font-size: 1em; min-width: 50px; }

  .detail-card { max-width: 820px; padding: 32px; }
  .detail-card h3 { font-size: 1.3em; }

  .tag-stats-table th,
  .tag-stats-table td { padding: 13px 16px; font-size: 1.05em; }

  .tq-header { font-size: 1.05em; margin-bottom: 8px; }
  .tq-timer { font-size: 1.15em; min-width: 48px; }
  .tq-bar { height: 6px; margin-bottom: 16px; }

  .word-bank-selected {
    font-size: 1.4em;
    padding: 16px 20px;
    min-height: 64px;
    margin-bottom: 18px;
  }
  .word-bank-selected .selected-word { padding: 7px 18px; font-size: 1em; }
  .word-bank-buttons { gap: 14px; }
  .word-bank-btn { padding: 18px 30px; font-size: 1.3em; min-width: 100px; }
  .btn-wb-reset { font-size: 1em; padding: 9px 22px; }

  .tq-feedback { font-size: 1.1em; padding: 14px 20px; }
  .tq-correct-sentence { font-size: 1.05em; padding: 12px 16px; }
  .choice-annotation { font-size: 0.9em; }

  .group-chips { gap: 10px; }
  .group-chip { font-size: 1.05em; padding: 8px 20px; }

  .tr-score-big { font-size: 3.6em; }
  .tr-score-label { font-size: 1.05em; }
  .tr-item { padding: 14px 0; gap: 14px; }
  .tr-mark { font-size: 1.5em; }
  .tr-body { font-size: 1em; }
}