.review-term{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}
.review-term>.en,.review-term>h3{margin-bottom:0}
.review-speak{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:28px;min-width:72px;padding:3px 7px;border:1px solid #dce7fb;border-radius:6px;background:#f6f9ff;color:#3269ca;font:inherit;font-size:11px;line-height:1.5;white-space:nowrap;cursor:pointer;vertical-align:middle}
.review-speak svg{display:block;width:14px;height:14px;flex:none}
.review-speak:hover,.review-speak[aria-pressed=true]{background:#eaf1ff;border-color:#b5ceff;color:#245de2}
.review-speak:focus-visible{outline:2px solid #245de2;outline-offset:3px}
.review-row .review-reference{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.review-row>div{min-width:0}
@media(max-width:680px){.review-speak{min-height:30px}.study-ui[data-study-view=mistakes] #main .data-table .review-term .en{margin-bottom:0}}

/* Icon-only pronunciation buttons; keep a comfortable touch target. */
button.review-speak,button.pronunciation-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;gap:0;border:1px solid #dce7fb;border-radius:7px;background:#f6f9ff;color:#3269ca;vertical-align:middle;cursor:pointer}
button.review-speak svg,button.pronunciation-icon svg{display:block;width:17px;height:17px;flex:none}
button.review-speak span[hidden]{display:none}
button.pronunciation-icon:hover,button.pronunciation-icon[aria-pressed=true]{background:#eaf1ff;border-color:#b5ceff;color:#245de2}
button.pronunciation-icon:focus-visible{outline:2px solid #245de2;outline-offset:3px}
button.review-speak[aria-busy=true],button.pronunciation-icon[aria-busy=true]{opacity:.6}
@media(max-width:680px){button.review-speak,button.pronunciation-icon{width:36px;min-width:36px;height:36px;min-height:36px}}

/* Practice cards keep the speaker beside the word instead of putting it on a separate row. */
.practice-word-line{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;margin:21px auto 8px}
.practice-word-line .question-text{margin:0;min-width:0;max-width:calc(100% - 48px)}
.practice-word-line .pronunciation-icon{flex:none}
.question-body .question-word-types{min-height:22px}
.pronunciation-note{display:inline-block;margin-top:4px;font-size:10px;color:#9aa8bd;line-height:1.6}
.pronunciation-reading{margin-top:6px;line-height:1.7;overflow-wrap:anywhere}
.practice-example{display:flex;align-items:flex-start;justify-content:center;gap:8px;max-width:680px;margin:18px auto 0;padding:12px 15px;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff;color:#6d7f9d;font-size:12px;line-height:1.7;text-align:left;overflow-wrap:anywhere}
.practice-example>span:first-child{flex:none;color:#6685b8;font-weight:650}
.pronunciation-style-pill .pronunciation-icon{width:auto;min-width:32px;padding:0 10px;gap:6px;border-radius:999px}
.pronunciation-style-pill .pronunciation-icon::after{content:'听发音';font-size:11px;line-height:1;white-space:nowrap}
.pronunciation-style-quiet .pronunciation-icon{background:transparent;border-color:transparent;color:#7894c4}
.pronunciation-style-quiet .pronunciation-icon:hover,.pronunciation-style-quiet .pronunciation-icon[aria-pressed=true]{background:#eef4ff;border-color:#d7e5ff;color:#245de2}
.pronunciation-style-picker{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:17px auto 0;padding-top:12px;border-top:1px solid #f0f3f8;color:#9aa8bd;font-size:10px}
.pronunciation-style-picker button{padding:5px 8px;border:1px solid #e4eaf3;border-radius:6px;color:#7b8ca7;background:#fff;font-size:10px;line-height:1.3}
.pronunciation-style-picker button:hover,.pronunciation-style-picker button.active{border-color:#b8cff8;background:#f1f6ff;color:#3269ca}
.lookup-example{display:flex;gap:6px;margin-top:5px;color:#7f8da4;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.lookup-example>span{flex:none;color:#6d89b6;font-weight:600}
.lookup-example>div{min-width:0}
.lookup-example .lookup-example-cn{margin-top:2px;color:#8a9aaf}
@media(max-width:680px){
 .practice-word-line{gap:8px;margin-top:18px}
 .practice-word-line .question-text{max-width:calc(100% - 44px)}
 .practice-example{margin-top:15px;padding:10px 12px;font-size:11px}
 .pronunciation-style-picker{margin-top:14px;padding-top:10px}
 .lookup-example{font-size:9px}
}

/* Feedback keeps the answer, word audio, and bilingual example together. */
.reference-study{clear:both;margin-top:7px;max-width:100%;overflow-wrap:anywhere}
.reference-answer-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}
.feedback .reference-answer-row .reference-answer{clear:none;margin-top:0;padding-top:0;min-width:0;max-width:100%;font-size:16px}
.reference-answer-row .pronunciation-icon{flex:none}
.reference-example{margin-top:11px;padding:10px 0 0;border-top:1px solid #dceee7;background:transparent;color:#496f63;font-size:12px;line-height:1.75;text-align:left}
.reference-example-en{display:flex;align-items:flex-start;gap:8px;min-width:0}
.reference-example-en>span:last-child{min-width:0;overflow-wrap:anywhere}
.reference-example-label{flex:none;color:#4d9b7c;font-weight:650}
.reference-example-cn{margin-top:3px;color:#6b8b80;overflow-wrap:anywhere}
@media(max-width:680px){
 .reference-study{max-width:100%}
 .reference-answer-row{gap:7px 9px}
 .reference-example{margin-top:9px;padding-top:9px;font-size:11px;line-height:1.7}
 .reference-example-en{display:block}
 .reference-example-label{display:inline-block;margin-right:7px}
 .reference-example-cn{margin-top:3px}
}

/* The word is the play target; preserve the material table's typography. */
.word-list .review-speak-word{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:-6px -2px;padding:6px 2px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;cursor:pointer;vertical-align:middle}
.review-speak-word .review-word-label{min-width:0;overflow-wrap:anywhere}
.review-speak-word svg{display:block;width:14px;height:14px;flex:none;opacity:.4}
.word-list .review-speak-word:hover,.word-list .review-speak-word[aria-pressed=true]{color:#245de2;background:#eef4ff}
.review-speak-word:hover .review-word-label{text-decoration:underline;text-underline-offset:3px}
.review-speak-word[aria-pressed=true] svg{opacity:1}
.review-speak-word[aria-busy=true] svg{opacity:.35}
.word-list .review-speak-word:focus-visible{outline:2px solid #245de2;outline-offset:3px}

/* referencepos20261106v1: definitions belong to the existing feedback card. */
.reference-study .reference-answer-row{align-items:flex-start;flex-wrap:nowrap}
.reference-study .reference-answer-row>.reference-answer{flex:1;min-width:0;white-space:normal}
.reference-study .reference-answer-row>.pronunciation-icon{margin-top:0}
.reference-meanings{display:grid;gap:9px;margin:0;line-height:1.75;text-align:left;font-size:15px;color:#384e6c;white-space:normal}
.reference-meaning-group{display:grid;grid-template-columns:105px minmax(0,1fr);gap:6px 12px;align-items:baseline;min-width:0}
.reference-meaning-group dt{display:flex;flex-wrap:wrap;gap:3px 8px;font-size:12px;font-weight:400;color:#587a70;overflow-wrap:anywhere}
.reference-pos-label{display:inline-block}
.reference-pos-label b{font-weight:650}
.reference-meaning-group dd{margin:0;min-width:0;overflow-wrap:anywhere}
.reference-study .reference-translation{margin-top:12px}
.reference-plain-meaning{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.feedback:not(.correct) .reference-meaning-group dt{color:#756b91}
@media(max-width:680px){
 .reference-meanings{gap:8px;font-size:14px}
 .reference-meaning-group{grid-template-columns:86px minmax(0,1fr);gap:5px 9px}
 .reference-meaning-group dt{font-size:12px}
 .reference-study .reference-answer-row{gap:8px}
 .reference-plain-meaning{font-size:14px}
}