/* Shared mobile review rhythm, readable controls, and explicit unavailable state. */
#reviewView{width:100%;max-width:640px;margin-inline:auto}
#reviewView .section-head{align-items:baseline;gap:8px;margin-bottom:18px}
#reviewDue{font:500 14px/1.5 var(--font);color:var(--text-muted)}
#reviewDirectionWrap{margin:0 auto 18px;gap:8px}
#reviewDirectionWrap label{font-size:14px;color:var(--text-muted)}
#reviewDirection{min-height:48px;border-radius:9px;background:var(--surface);padding:10px 12px}
/* Scheduling implementation detail remains available to assistive technology. */
#reviewDirectionHelp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#reviewBody{gap:12px;width:100%;max-width:480px;margin:0 auto;min-height:0}
#reviewBody .review-card{border-radius:16px;box-shadow:none;min-height:180px;padding:20px;text-align:left}
#reviewBody .review-face--front{text-align:center}
#reviewBody .review-face--back{align-items:stretch;text-align:left}
#reviewBody .lesson-example{line-height:1.6;text-align:left}
#reviewBody .review-hint,#reviewSwipeHint{font-size:13px;color:var(--text-muted)}
#reviewBody .review-rate-btn{min-height:48px;height:auto;padding:12px 6px;border-radius:9px;font:600 14px/1.4 var(--font);box-shadow:none}
#reviewBody .review-rate-btn[data-rate=again]{background:var(--surface);color:var(--text);border:1px solid var(--line-ui)}
#reviewBody .review-rate-btn[data-rate=good]{background:var(--nightline-primary);color:white;border:1px solid var(--nightline-primary)}
#reviewBody .review-rate-btn[data-rate=easy]{background:var(--accent-wash);color:var(--text);border:1px solid var(--line-ui)}
#reviewBody .review-done{align-items:flex-start;justify-content:flex-start;min-height:0;padding:28px 0;gap:24px;border-top:1px solid var(--line-ui)}
#reviewBody .review-done-msg{font:400 16px/1.6 var(--font);color:var(--text-muted)}
#reviewBody .review-done-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:160px;padding:12px 20px;border-radius:9px;background:var(--nightline-primary);color:white;box-shadow:none}
.journey-empty{border-top:1px solid var(--line-ui);padding:28px 0;max-width:640px;margin-inline:auto;line-height:1.6}
.journey-empty[hidden]{display:none}.journey-empty p{margin:0 0 16px}.journey-empty-note{color:var(--text-muted)}.journey-empty button{min-height:48px;padding:12px 20px}
@media(max-width:720px){#reviewView .section-title{font-size:28px}#reviewBody{padding-bottom:20px}#reviewDirectionWrap{max-width:none}#reviewBody .review-card{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.word-meaning-settle>.wcard,.completion-outcome,.cell.locked.cell-flash{animation:none!important}}

/* Size the deck to the visible face, never to the concealed answer. */
#reviewBody .review-flip{flex:0 0 auto}
#reviewBody .review-flip-inner:not(.is-flipped) .review-face--front{position:relative;width:100%}
#reviewBody .review-flip-inner:not(.is-flipped) .review-face--back{position:absolute;inset:0;visibility:hidden}
#reviewBody .review-flip-inner.is-flipped .review-face--front{visibility:hidden}
#reviewBody .review-face--back .wcard-ex{margin-top:12px;padding-top:12px}
#reviewBody .review-face--back .wcard-word{margin-bottom:8px}