/* Fingerprint Reading 2.2: responsive, keyboard-accessible fixed-answer practice. */
.ef-reading-v22{max-width:820px;margin:0 auto}
.ef-reading-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ef-reading-header h1{margin:.2rem 0}
.ef-reading-v22 label[for="efReadingBand"]{display:block;margin:.7rem 0 .35rem}
.ef-reading-v22 #efReadingBand{max-width:260px}
.ef-reading-passage{background:var(--surface-soft,#f4f6f8);border-radius:12px;padding:18px;margin:20px 0;line-height:1.8}
.ef-reading-passage h2{margin:0 0 8px}
.ef-reading-passage p{white-space:normal;max-width:75ch}
.ef-reading-question{border:0;border-top:1px solid var(--border,#ddd);margin:0;padding:16px 0}
.ef-reading-question legend{font-weight:600;padding-top:10px}
.ef-reading-choice{display:flex;align-items:baseline;gap:10px;padding:9px;margin:6px 0;border:1px solid var(--border,#ddd);border-radius:9px;cursor:pointer}
.ef-reading-choice input{flex:none}
.ef-reading-choice:has(input:checked){outline:2px solid var(--accent,#4d6682)}
.ef-reading-results{border-top:1px solid var(--border,#ddd);margin-top:20px;padding-top:12px}
.ef-reading-results p{border-left:4px solid #777;padding-left:12px;margin:14px 0}
.ef-reading-results .ef-reading-correct{border-left-color:#198754}
.ef-reading-results .ef-reading-wrong{border-left-color:#c66c29}
.ef-reading-results small{display:block;margin-top:4px}
.ef-reading-actions{display:flex;gap:10px;margin-top:16px}
@media(max-width:580px){.ef-reading-passage{padding:12px}.ef-reading-choice{padding:10px}.ef-reading-header{align-items:start}}


/* Reading 2.3: progress, review and unfamiliar-word collection; reading-only selectors. */
.ef-reading-progress{margin:12px 0 0;font-size:.92rem;line-height:1.65}
.ef-reading-v22 .ef-reading-passage{overflow-wrap:anywhere}
.ef-reading-v22 .ef-reading-passage p[lang=en]{font-size:clamp(1rem,2vw,1.12rem);line-height:1.85}
.ef-reading-v22 .ef-reading-choice{align-items:center;min-height:44px;overflow-wrap:anywhere}
.ef-reading-v22 .ef-reading-choice input{width:17px;height:17px}
.ef-reading-v22 .ef-reading-choice:focus-within{outline:2px solid var(--accent,#4d6682);outline-offset:2px}
.ef-reading-v22 .ef-reading-results>div{border-inline-start:4px solid #777;margin:12px 0;padding:8px 12px;border-radius:5px;overflow-wrap:anywhere}
.ef-reading-v22 .ef-reading-results>div.ef-reading-correct{border-inline-start-color:#198754}
.ef-reading-v22 .ef-reading-results>div.ef-reading-wrong{border-inline-start-color:#c66c29}
.ef-reading-v22 .ef-reading-results>div p{margin:5px 0;border:0;padding:0}
.ef-reading-v22 .ef-reading-words{border-top:1px solid var(--border,#ddd);margin:18px 0 6px;padding-top:12px}
.ef-reading-v22 .ef-reading-words h3{margin:.25rem 0}
.ef-reading-v22 .ef-reading-word{margin:4px 8px 4px 0;min-height:44px}
.ef-reading-v22 button:focus-visible,.ef-reading-v22 select:focus-visible{outline:2px solid var(--accent,#4d6682);outline-offset:3px}
.ef-reading-v22 .ef-reading-actions{flex-wrap:wrap}
@media(max-width:580px){
 .ef-reading-v22 .ef-reading-actions button{flex:1 1 160px;min-height:44px}
 .ef-reading-v22 .ef-reading-question{min-width:0;padding:12px 0}
 .ef-reading-v22 .ef-reading-header{align-items:flex-start}
 .ef-reading-v22 .ef-reading-progress{font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){.ef-reading-v22 *{scroll-behavior:auto}}