html[data-design] #modal:has(.learningQuizSheet){width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 28px);margin:auto;border-radius:26px;background:var(--bg);overflow:hidden}
html[data-design] .learningQuizSheet{padding:0!important;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);min-height:min(640px,calc(100dvh - 32px));color:var(--text);background:var(--bg);text-align:left}
.quizHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 15px;flex:none}.quizHeader>div{display:grid;gap:6px}.quizHeader small{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.4px}.quizHeader span{color:var(--muted);font-size:12px}.quizHeader .close{width:38px;height:38px;flex:none;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);display:grid;place-items:center}.quizHeader svg{width:18px;height:18px}.quizTrack{height:5px;margin:0 22px;background:var(--border);border-radius:8px;flex:none;overflow:hidden}.quizTrack>span{height:100%;background:var(--green);display:block;border-radius:inherit;transition:width .25s}.quizBody{padding:18px 22px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:none}.quizBody::-webkit-scrollbar{display:none}.quizMama{width:84px;height:76px;margin:0 0 12px;animation:coachArrive .3s ease-out}.quizMama svg{width:100%;height:100%}.quizBody h2{font-size:27px!important;line-height:1.2!important;margin:0 0 13px!important;font-family:Outfit,'Noto Sans Thai',sans-serif;letter-spacing:-.3px}.quizBody>p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px}.quizChoices{display:grid;gap:10px}.quizChoice{width:100%;min-height:61px;border:1px solid var(--border);border-bottom-width:3px;border-radius:16px;padding:14px 15px;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-size:15px;font-weight:650;line-height:1.5}.quizChoice i{font-style:normal;display:flex;flex:none;color:var(--muted)}.quizChoice svg{width:19px;height:19px;flex:none}.quizChoice.selected{background:#dbf5ee!important;color:#143b40!important;border-color:#4ed8bb!important}.quizChoice.selected span{-webkit-text-fill-color:#143b40;color:#143b40}.quizChoice.selected i{color:#256e62}.quizChoice:focus-visible{outline:2px solid var(--green);outline-offset:3px}.quizChoice:active{transform:translateY(1px)}.quizSelectionCount{display:block;margin:13px 0 0;color:var(--muted);font-size:12px}.quizFooter{flex:none;padding:15px 22px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);display:grid;gap:6px;background:var(--bg)}.quizFooter .primary{width:100%;min-height:51px;font-size:14px;border-radius:15px;display:flex;gap:10px;justify-content:center;align-items:center}.quizFooter .textbutton{font-size:12px;color:var(--muted);min-height:36px;margin:0}.quizFooter svg{width:19px;height:19px}.quizNote{color:var(--muted);font-size:13px;line-height:1.7;background:var(--surface);padding:16px;border:1px solid var(--border);border-radius:17px}.quizCheckCount{display:block;margin:0 0 12px;color:var(--muted)}.quizExpression{display:grid;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:18px;margin-bottom:18px;text-align:center}.quizExpression strong{font-size:24px;color:var(--reading);line-height:1.6}.quizExpression>.thai{font-size:23px;line-height:1.7;color:var(--muted)}.quizExpression .textbutton{font-size:13px;color:var(--green);display:flex;align-items:center;justify-content:center;gap:8px}.quizExpression svg{width:19px;height:19px}.quizPlan{display:grid;gap:12px;margin:20px 0}.quizPlan>span{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.quizPlan svg{color:var(--green);width:23px;height:23px;flex:none}.quizPlan strong{font-size:14px;line-height:1.6}.learningPlanCard{padding:22px!important;border-radius:23px!important;margin:0 0 22px}.learningPlanCard h2{font-size:23px;margin:8px 0 10px}.learningPlanCard p{color:var(--muted);line-height:1.7;font-size:14px}.learningPlanCard>.primary,.learningPlanCard>.secondary{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:15px;white-space:normal}.learningPlanCard>.textbutton{display:block;margin:10px auto 0;font-size:12px}@media(max-width:480px){html[data-design] #modal:has(.learningQuizSheet){width:calc(100vw - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - 22px);border-radius:24px}html[data-design] .learningQuizSheet{max-height:calc(100dvh - env(safe-area-inset-top) - 26px)}.quizBody h2{font-size:25px!important}.quizHeader{padding:18px 18px 13px}.quizTrack{margin:0 18px}.quizBody{padding:16px 18px}.quizFooter{padding-left:18px;padding-right:18px}.quizChoice{font-size:14px}.quizMama{width:70px;height:64px}}@media(prefers-reduced-motion:reduce){.quizMama{animation:none}.quizTrack>span{transition:none}}
.quizChoice:disabled{opacity:.5;cursor:default}.quizChoice.selected i{font-size:13px;font-weight:800;min-width:21px;justify-content:center}
/* Questions keep choices and the optional skip visible together. */
.learningQuizSheet .quizMama{display:none}.learningQuizSheet .quizHeader{padding-block:14px 10px}.learningQuizSheet .quizHeader>div{padding-right:0}.learningQuizSheet .quizBody{padding-block:14px}.learningQuizSheet .quizBody>p{margin-bottom:12px}.learningQuizSheet .quizChoices{gap:8px}.learningQuizSheet .quizChoice{min-height:52px;padding:10px 13px}.learningQuizSheet .quizFooter{padding-top:10px}.learningQuizSheet .quizBody h2{font-size:24px!important;margin-bottom:10px!important}