.word-card-grid.is-reading { display:block; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.reading-library { max-width:840px; margin:auto; }
.reading-tabs,.reading-secondary { display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; }
.reading-tabs [aria-pressed="true"] { background:#213d32; color:#fff; }
.reading-question { background:#fff; border:1px solid #d8e2db; border-radius:18px; padding:clamp(18px,4vw,36px); overflow-wrap:anywhere; }
.reading-question button { min-height:44px; }
.reading-eyebrow { color:#62756b; font-size:.85rem; }
.reading-context { background:#f3f6f2; border-left:3px solid #537d62; padding:20px; font-size:1.1rem; line-height:1.85; }
.reading-context mark { background:#f5e4a7; color:inherit; }
.reading-instruction { font-size:1.12rem; line-height:1.6; }
.reading-options { display:grid; gap:10px; border:0; padding:0; margin:20px 0; min-width:0; }
.reading-option { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:14px; border:1px solid #ccd7cf; border-radius:10px; cursor:pointer; line-height:1.6; }
.reading-option:has(input:checked) { border-color:#537d62; box-shadow:0 0 0 1px #537d62; }
.reading-option input { width:18px; height:18px; margin:0; flex:none; }
.reading-option.is-correct { background:#ecf6ef; border-color:#477956; }
.reading-option.is-wrong { background:#fff0ed; border-color:#a34f40; }
.reading-answer-label { font-size:.82rem; font-weight:600; }
.reading-study { margin:20px 0; }
.reading-study-field { border-bottom:1px solid #e4e9e4; padding:14px 0; }
.reading-study dt { color:#5a7162; font-size:.87rem; margin-bottom:7px; font-weight:600; }
.reading-study dd { margin:0; line-height:1.8; white-space:pre-line; }
.reading-help,.reading-stats { font-size:.88rem; line-height:1.6; color:#627368; }
.reading-notice { line-height:1.7; margin:14px 0; }
.reading-error { color:#923b30; line-height:1.6; margin:14px 0; }
.reading-error button { display:block; margin-top:12px; }
@media(max-width:600px) { .reading-secondary>* { flex:1; } .reading-tabs>* { flex:1; padding:10px; } .reading-context { padding:14px; } }