.reading-word { display:inline; font:inherit; color:inherit; line-height:inherit; background:transparent; border:0; border-radius:4px; padding:3px 1px; margin:0; cursor:pointer; text-align:inherit; box-shadow:none; }
.reading-word ruby { ruby-align:center; }
.reading-word rt { color:#586572; font-size:.48em; font-weight:400; }
.reading-word rt.hidden { display:none; }
.reading-word:hover,.reading-word:focus-visible { background:#e4ede9; outline:2px solid #56786a; outline-offset:1px; }
.reading-help { position:fixed; z-index:10000; bottom:24px; left:50%; transform:translateX(-50%); width:min(420px,calc(100vw - 32px)); box-sizing:border-box; padding:24px; border:1px solid #c8d6ce; border-radius:20px; background:#fffefa; color:#26392f; box-shadow:0 12px 60px #142a3438; max-height:65vh; overflow:auto; text-align:left; }
.reading-help>strong { display:block; font-size:28px; padding-right:28px; }
.reading-help p { font-size:16px; line-height:1.7; margin:8px 0; }
.reading-help .reading-help-pinyin { color:#596a60; }
.reading-help button { border:1px solid #b6c9bf; border-radius:10px; background:#eef3ef; color:#26392f; padding:10px 14px; cursor:pointer; min-height:44px; margin:6px 6px 0 0; }
.reading-help [data-help-close] { position:absolute; right:12px; top:8px; font-size:24px; }
.reading-help .reading-help-status { font-size:13px; color:#5d675f; }
.reading-phase-scores { display:flex; gap:12px; flex-wrap:wrap; color:#465950; margin:16px 0; }
.reading-evidence { padding:16px; border-left:3px solid #6d8c7c; background:#f2f5f1; line-height:1.8; }
.passage-progress { grid-template-columns:repeat(4,minmax(0,1fr)); }
.passage-study .reading-word { max-width:none; }
@media(max-width:520px) { .reading-help { bottom:12px; padding:20px; } .passage-progress small { font-size:11px; } }

.reading-review-note{font-size:.82rem;line-height:1.85;color:#58616a;background:#f5f6f7;border-radius:.5rem;padding:.65rem;margin:.7rem 0;}