/* Unified question player in reading and science. Math is visual reference. */
#quizView {width:100%;max-width:1240px;margin:0 auto;padding:0 8px 36px;}
#quizView .nafsQuizHead{margin:18px 0 15px;border:1px solid #e0e6f2;border-radius:16px;background:#fff;padding:20px 24px;box-shadow:0 5px 18px rgba(31,37,68,.045)}
#quizView .nafsQuizHead h2{font-size:clamp(19px,2vw,24px);color:#293456;margin:5px 0;font-weight:800}
#quizView .nafsQuizHeadTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#quizView .nafsQuizTrack{height:10px;margin:13px 0 0;border-radius:99px;background:#e8eaf3;overflow:hidden}
#quizView .nafsQuizTrack .fill{height:100%;background:#7662b9;transition:width .24s ease}
#quizView .portal-quiz-status{font-size:13px;color:#57637c;font-weight:600;margin:10px 0 0}
#quizView .nafsQuizFrame{display:grid;grid-template-columns:minmax(0,1fr) 242px;align-items:start;gap:16px}
#quizView .nafsQuestionSurface{background:white;border:1px solid #e0e6f2;border-radius:16px;padding:24px;min-width:0;box-shadow:0 5px 18px rgba(31,37,68,.045)}
#quizView .question-card{padding:0;margin:0;border:none;border-radius:0;box-shadow:none}
#quizView .stem{font-size:clamp(19px,2.2vw,23px);font-weight:700;line-height:2.15;color:#273249;padding:14px 4px;margin:0;white-space:pre-wrap}
#quizView .eyebrow{color:#686493;letter-spacing:0;font-weight:700;font-size:13px}
#quizView .nafsQuizInstruction{font-size:13px;color:#7b869c}
#quizView #passageArea{max-width:100%}
#quizView .reading-passage{border:1px solid #dddff0;border-radius:13px;background:#fafaff;margin:10px 0 15px;overflow:hidden}
#quizView .reading-passage summary{cursor:pointer;padding:13px 16px;color:#4f457f;font-weight:700;line-height:1.7}
#quizView .reading-passage .passage-text{padding:0 16px 17px;white-space:pre-wrap;line-height:2.05;font-size:17px;max-height:350px;overflow:auto}
#quizView #questionMedia img{display:block;margin:12px auto;max-width:100%;max-height:330px;object-fit:contain}
#quizView .nafsAnswers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}
#quizView .nafsAnswers .choice{margin:0;min-height:73px;width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:white;border:1.5px solid #dce4ef;border-radius:12px;text-align:right;transition:border-color .15s,background-color .15s}
#quizView .nafsAnswers .choice:hover:not(:disabled){border-color:#a89ed2;background:#fbfaff}
#quizView .nafsAnswers .choice.selected{border-color:#7662b9;background:#f2f0fa}
#quizView .nafsAnswers .choice.correct{border-color:#25a278;background:#e9f8f1}
#quizView .nafsAnswers .choice.incorrect{border-color:#cb6675;background:#fff1f3}
#quizView .nafsAnswers .letter{width:35px;height:35px;min-width:35px;border-radius:9px;background:#f1eff8;color:#6655a2;font-size:17px;display:grid;place-items:center;font-weight:800;flex:none}
#quizView .nafsAnswers .choice-content{font-size:clamp(15px,1.5vw,18px);line-height:1.8;font-weight:700;color:#29334a;min-width:0;overflow-wrap:anywhere}
#quizView .nafsAnswers .choice-content img{max-width:100%;height:auto;object-fit:contain}
#quizView .feed{margin-top:14px;padding:13px 16px;border-radius:12px;background:#ecf8f1;border:1px solid #c2ead6;line-height:1.9}
#quizView .nafsQuestionBottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid #eef0f6;padding-top:18px;margin-top:22px}
#quizView .nafsQuestionAside{position:sticky;top:20px;border:1px solid #e0e6f2;border-radius:16px;background:white;padding:17px;min-width:0;box-shadow:0 5px 18px rgba(31,37,68,.045)}
#quizView .nafsQuestionAside h3{margin:0 0 5px;color:#303e61;font-size:17px}
#quizView .nafsQuestionAside p{font-size:12px;margin:0 0 14px}
#quizView .nafsQuestionNumbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#quizView .nafsNumber{height:35px;min-width:0;border:1px solid #e1e8f0;border-radius:8px;background:#f7f9fb;color:#6a788d;font-weight:700;cursor:pointer}
#quizView .nafsNumber.answered{color:#247c65;border-color:#c1e1d5;background:#eaf8f1}
#quizView .nafsNumber.active{border:2px solid #7662b9;color:#594696;background:#f3f0fb}
#quizView .nafsMetricRow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0;font-size:13px;color:#636f84}
#quizView .nafsMetricRow b{color:#314063}
#quizView .nafsNote{margin-top:16px;background:#f4f6fb;border-radius:10px;padding:12px;line-height:1.8;color:#68758a;font-size:12px}
#quizView button:focus-visible{outline:3px solid #b5a8dc;outline-offset:2px}
@media(max-width:810px){#quizView .nafsQuizFrame{grid-template-columns:minmax(0,1fr)}#quizView .nafsQuestionAside{position:static;order:2}#quizView .nafsQuestionNumbers{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:590px){#quizView{padding:0 2px 80px}#quizView .nafsQuizHead{padding:14px;margin-top:12px}#quizView .nafsQuestionSurface{padding:15px}#quizView .nafsAnswers{grid-template-columns:1fr}#quizView .nafsQuestionNumbers{grid-template-columns:repeat(6,minmax(0,1fr))}#quizView .nafsQuestionBottom>*{width:100%}#quizView .nafsQuestionBottom .actions{display:grid;grid-template-columns:1fr 1fr}#quizView .nafsQuestionBottom .btn{width:100%}#quizView .nafsQuizHeadTools{justify-content:space-between}#quizView .reading-passage .passage-text{font-size:16px;max-height:50vh}}
@media print{#quizView{display:none!important}}