/* A completion card has one scrollable teaching body and a visible next step. */
.word-result{overflow:hidden;padding:12px}
.word-result .result-card{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 24px);padding:0;overflow:hidden}
.word-result .result-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:20px 16px 10px}
.word-result .result-scroll>h2{font-size:32px;margin:8px 0}
.word-result .result-scroll>.answer{font-size:28px;letter-spacing:1px}
.word-result .result-scroll>.stars{font-size:22px}
.word-result .result-scroll>.xp-reward{margin:10px 0}
.word-result .result-card>.result-next{position:static;flex-shrink:0;margin:0;border-radius:0;border-top:1px solid #64cfff88;background:#103f70;padding:12px 16px max(14px,env(safe-area-inset-bottom))}
.word-result .result-next .primary{min-height:52px;max-width:none;width:100%;font-size:24px;margin:0}
.phonics-card .sound-unit.letter small{text-transform:none}
@media(max-height:450px){.word-result .result-scroll{padding-top:12px}.word-result .result-card>.result-next{padding-top:8px;padding-bottom:8px}.word-result .result-next .primary{min-height:44px;font-size:21px}}