/* Reading aids stay attached to the sentence/option, in the same visual order as the Word Bank. */
.practice-phrase{display:block;min-width:0;overflow-wrap:anywhere}
.practice-phrase>span{display:block}
.practice-phrase .study-pinyin{color:#9a4831;font-size:21px;font-weight:550;line-height:1.65;margin:0 0 5px;letter-spacing:.02em}
.practice-phrase .study-hanzi{font-size:27px;line-height:1.75;font-weight:550}
.practice-phrase .study-traditional{font-size:19px;line-height:1.7;font-weight:400;color:#687269;margin-top:3px}
.practice-phrase .study-translation{font-size:15px;line-height:1.7;font-weight:400;color:#4c655a;margin-top:7px}
.practice-phrase .study-missing,.reading-note{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted);margin-top:10px}
.practice-phrase .blank{font-size:.8em}
.practice-stem{margin:20px 0 24px}
.practice-stem .study-hanzi{font-size:clamp(25px,3vw,32px)}
.practice-stem .study-pinyin{font-size:clamp(21px,2.4vw,25px)}
.answer-card{min-width:0;display:flex;flex-direction:column;border-radius:16px}
.answers .answer{width:100%;height:100%;align-items:flex-start;padding:18px;gap:12px}
.answer .letter{margin-top:5px}
.answer .practice-phrase{flex:1;min-width:0}
.answer:disabled{opacity:1}
.option-explanation{padding:16px 18px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#f6f7f0}
.answer-card:has(.option-explanation) .answer{height:auto;border-radius:14px 14px 0 0}
.option-explanation .study-hanzi{font-size:16px;font-weight:400;line-height:1.8}
.option-explanation .study-pinyin{font-size:17px;font-weight:400}
.option-explanation .study-traditional{font-size:14px}
.option-explanation .study-translation{font-size:14px}
.option-explanation>small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
.helper-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.practice-recall{padding:11px 15px;border:1px dashed #bccbbb;border-radius:12px;font-size:14px;color:#526b5c;margin-bottom:16px}
.practice-page .error{z-index:45;bottom:max(18px,env(safe-area-inset-bottom))}
.practice-help.is-compact #floating-help-toggle span{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;font-size:22px}
.practice-page:has(.practice-help:not([hidden])) .quiz{padding-bottom:var(--floating-help-space,170px)}
.practice-page .meaning-hint-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.review-item button{margin-top:12px}
.quiz-body>.feedback{margin:18px 0 24px;scroll-margin-top:20px}
.feedback .answer-label{font-size:13px;font-weight:650;margin:10px 0 6px}
.feedback .answer-reveal .study-pinyin{font-size:21px}
.feedback .answer-reveal .study-hanzi{font-size:28px}
.feedback .answer-reveal .study-translation{font-size:16px}
.review-item .review-sentence{margin:12px 0}
.review-item .review-sentence .study-hanzi,.review-item .review-answer .study-hanzi{font-size:21px}
@media(max-width:520px){
 .practice-phrase .study-pinyin{font-size:20px}
 .practice-stem .study-pinyin{font-size:22px}
 .answers .answer{padding:16px}
 .option-explanation .study-pinyin{font-size:17px}
 .practice-page .quiz-body{padding:22px 16px}
}
@media print{.practice-help,.quiz-actions,.question-nav{display:none!important}.practice-page .quiz{padding-bottom:0!important}}

.study-component-label,.study-reason-kind{display:block;font-size:.72rem;line-height:1.45;color:#68766c;font-weight:500;margin:.2rem 0;}