/* Compact mobile practice flow. The server still owns answers and scoring. */
.practice-mobile-heading,.practice-stem-hint{display:none}
@media(max-width:560px){
  body[data-view="quiz"]:not([data-quiz-mode="mock"]){height:100dvh;overflow:hidden;background:#f8faf8}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .mobile-app-header,body[data-view="quiz"]:not([data-quiz-mode="mock"]) .compliance-footer{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .quiz-panel{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f8faf8}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .topbar{position:relative;flex:none;top:auto;border:0;background:#f8faf8;padding:calc(env(safe-area-inset-top) + 8px) 20px 10px}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .topbar-pills{display:flex;justify-content:flex-end}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .score-pill{min-height:32px;padding:5px 12px;background:#e8f3ed;color:#1b604c;font-weight:750}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .topbar::after{height:3px;margin-top:9px;background:linear-gradient(90deg,#28745c var(--quiz-progress,10%),#dfebe4 var(--quiz-progress,10%))}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #quizView.active{height:auto;min-height:0;flex:1;display:flex;flex-direction:column;padding:0 20px calc(env(safe-area-inset-bottom) + 78px);overflow:hidden}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-mobile-heading{display:flex;justify-content:space-between;color:#527164;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 0 15px}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .question-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:0;background:transparent}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #questionNumber{font-size:12px;letter-spacing:.08em;color:#277258}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #questionTopic{max-width:57%;padding:6px 10px;font-size:11px;background:#eef5ef;color:#426253;border-color:#dce9df}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #questionStem{font-size:clamp(20px,6vw,26px);line-height:1.32;letter-spacing:-.025em;font-weight:700;margin:0;border:0;padding:25px 0 0;color:#18352a;overflow:auto;scrollbar-width:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #questionStem::-webkit-scrollbar,body[data-view="quiz"]:not([data-quiz-mode="mock"]) .options::-webkit-scrollbar,body[data-view="quiz"]:not([data-quiz-mode="mock"]) .feedback::-webkit-scrollbar{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-stem-hint{display:block;flex:none;margin:auto 0 0;padding:15px 0 8px;color:#61776a;font-size:13px;line-height:1.5}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .options{flex:1;min-height:0;align-content:start;gap:9px;overflow:auto;scrollbar-width:none;margin:0;padding:20px 1px 8px}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .option-button{min-height:60px;border-radius:15px;border:1px solid #d9e5dd;background:#fff;padding:10px 13px;font-size:clamp(13px,3.8vw,16px);line-height:1.35;box-shadow:0 2px 9px rgba(23,49,37,.035)}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .option-button.selected{border:2px solid #277258;background:#edf7f0;box-shadow:0 0 0 2px #d7ecdd}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .option-letter{width:29px;height:29px;flex:0 0 29px;background:#f0f5f0;font-size:12px}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .feedback{flex:1;min-height:0;overflow:auto;scrollbar-width:none;margin:17px 0 0!important;border:0;border-radius:18px;padding:20px;background:#fff;box-shadow:0 4px 25px rgba(23,49,37,.06)}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .feedback:empty{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #practiceSaveStatus{flex:none;margin:0;padding:5px 0;color:#667d70;font-size:11px;line-height:1.3;max-height:35px;overflow:hidden}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .actions{grid-template-columns:.72fr 1.28fr;gap:9px;border-top:1px solid #e2eae3;background:#f8faf8;padding:9px 20px calc(env(safe-area-inset-bottom) + 9px);box-shadow:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .actions .secondary-button{min-height:48px;border-radius:12px;font-weight:750}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) #previousButton{background:#edf3ed;color:#2c5843;border-color:#edf3ed}
  body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="stem"] .options,body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="stem"] .feedback{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="stem"] #questionStem{flex:1}
  body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="choices"] #questionStem,body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="choices"] .practice-stem-hint,body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="choices"] .feedback{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="explanation"] #questionStem,body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="explanation"] .practice-stem-hint,body[data-view="quiz"]:not([data-quiz-mode="mock"])[data-quiz-stage="explanation"] .options{display:none}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-result-label{display:inline-block;color:#277258;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-explanation h2{margin:11px 0 15px;font-size:23px;line-height:1.25;color:#18352a}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-correct-choice{margin:0 0 17px;border-left:3px solid #2b795c;padding:10px 13px;background:#edf6ef;color:#173d2b;font-weight:720;font-size:16px;line-height:1.45}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-why,body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-why-missed{font-size:15px;line-height:1.55;color:#314b3c}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-explanation-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:18px}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-explanation-links a{color:#236a4e;font-size:13px;font-weight:750}
  body[data-view="quiz"]:not([data-quiz-mode="mock"]) .practice-source-note{margin-top:19px;color:#6a7c6e;font-size:11px;line-height:1.5}
  body[data-view="result"] #resultActions{order:2!important;display:grid;gap:8px;margin:0 0 14px!important;padding:0!important;position:static!important;background:transparent!important;border:0!important}
  body[data-view="result"] #resultActions .secondary-button{min-height:46px;border-radius:12px}
  body[data-view="result"] #resultActions .form-note{margin:7px 0;color:#65776d;font-size:12px;line-height:1.5}
  body[data-view="result"] #answerReview{order:3!important}
  body[data-view="result"] .practice-review-card{display:block;border:1px solid #dce7df;border-radius:15px;background:#fff;padding:0;margin:10px 0;box-shadow:0 3px 14px rgba(25,55,40,.04)}
  body[data-view="result"] .practice-review-card summary{display:grid;gap:8px;cursor:pointer;list-style:none;padding:17px}
  body[data-view="result"] .practice-review-card summary::-webkit-details-marker{display:none}
  body[data-view="result"] .practice-review-card summary span{font-size:12px;font-weight:750;color:#287258}
  body[data-view="result"] .practice-review-card summary strong{font-size:14px;line-height:1.45;color:#1e382b}
  body[data-view="result"] .practice-review-card summary::after{content:"Read explanation ↓";font-size:12px;font-weight:750;color:#287258}
  body[data-view="result"] .practice-review-card[open] summary::after{content:"Hide explanation ↑"}
  body[data-view="result"] .practice-review-body{border-top:1px solid #e5ece6;padding:2px 17px 17px}
  body[data-view="result"] .practice-review-body p{font-size:13px;line-height:1.5;margin:12px 0}
}