@layer components{.reading_wrap{gap:var(--space-2)}.reading_list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reading_item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);background:var(--color-white);flex-wrap:wrap;display:flex}.reading_item>div{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.reading_item_title{margin:0;font-size:1.0625rem;line-height:1.3}.reading_meta{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.reading_empty{padding:var(--space-3);text-align:center;color:var(--color-text-secondary);margin:0}.reading_back{color:var(--color-blue-text);font:inherit;font-size:var(--text-small);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.reading_text{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-surface-soft);flex-direction:column;display:flex}.reading_title{margin:0;font-size:1.375rem;line-height:1.2}.reading_title:focus{outline:none}.reading_paragraph{margin:0;font-size:1.0625rem;line-height:1.6}.reading_label{background:var(--color-yellow-tile);border-radius:.375rem;place-items:center;min-width:1.5rem;margin-inline-end:.5rem;font-size:.8125rem;display:inline-grid}.reading_glossary{font-size:.9375rem}.reading_glossary summary{cursor:pointer;font-weight:var(--primary-bold)}.reading_glossary ul{margin:var(--space-1) 0 0;padding-inline-start:1.25rem}.reading_score{padding:var(--space-2);border-radius:var(--radius-card);background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg);margin:0}.reading_questions_title{margin:var(--space-2) 0 0;font-size:1.125rem}.reading_questions{gap:var(--space-3);flex-direction:column;margin:0;padding-inline-start:1.5rem;display:flex}.reading_question{gap:var(--space-2);flex-direction:column;padding-inline-start:.25rem;display:flex}.reading_prompt{font-weight:var(--primary-bold);margin:0;line-height:1.4}.reading_hint{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.8125rem}.reading_input{width:100%;min-height:2.75rem;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border-field);border-radius:var(--radius-card);font:inherit}.reading_input:focus-visible{outline:var(--outline-focus);outline-offset:2px}.reading_wrap .phr_option.is-selected{border-color:var(--color-text-primary);background:var(--color-yellow-tile)}.reading_evidence{margin:var(--space-1) 0 0;padding:var(--space-1) var(--space-2);border-inline-start:4px solid var(--color-brand-yellow);background:var(--color-bg-subtle,#fafafa);font-size:.9375rem;line-height:1.4}.reading_evidence_label{font-weight:var(--primary-bold)}.reading_verdict{padding:var(--space-1) var(--space-2);border-radius:var(--radius-card);margin:0;font-size:.9375rem;line-height:1.4}.reading_verdict.is-right{background:var(--puzzle-ok-bg);color:var(--puzzle-ok-fg)}.reading_verdict.is-wrong{background:var(--puzzle-bad-bg);color:var(--puzzle-bad-fg)}.reading_actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reading_progress{gap:var(--space-1);max-width:45rem;display:grid}.reading_progress_text{font-size:var(--text-small);color:var(--color-text-secondary);margin:0}.reading_bar{border-radius:var(--radius-pill);background:var(--color-surface-soft);border:var(--border-width) solid var(--color-border-field);height:.75rem;overflow:hidden}.reading_bar_fill{border-radius:var(--radius-pill);background:var(--color-green-text,#1c5d2a);height:100%;transition:width .3s;display:block}.reading_status{font-size:var(--text-small);color:var(--color-text-secondary);margin:.25rem 0 0}.reading_status.is-passed{color:var(--color-green-text,#1c5d2a);font-weight:var(--primary-bold)}.reading_gloss{cursor:pointer;text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.reading_gloss:focus-visible{outline:var(--outline-focus);outline-offset:2px;border-radius:.2rem}.reading_gloss.is-open{background:var(--color-yellow-tile);border-radius:.2rem}.reading_gloss_bar{inset-inline:var(--site-margin,1rem);z-index:20;align-items:center;gap:var(--space-2);border-radius:var(--radius-card);background:var(--color-text-primary);max-width:36rem;color:var(--color-white);margin-inline:auto;padding:.6rem .9rem;font-size:.9375rem;line-height:1.35;display:flex;position:fixed;inset-block-end:1rem}.reading_gloss_close{color:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0 .4rem;font-size:1.25rem;line-height:1}.reading_lengths{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.reading_length{border:2px solid var(--color-border);font:inherit;font-weight:var(--primary-bold);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .9rem}.reading_length.is-active{color:#fff;background:#111827;border-color:#111827}.reading_length:focus-visible{outline:var(--outline-focus);outline-offset:2px}}