/* Additive reader styles. Bilingual lesson text stays outside generated art. */
#lesson-main{scroll-margin-top:1rem}
.lesson-number{flex:none;white-space:nowrap;overflow-wrap:normal;min-width:2em;text-align:center}
#lesson-list a>span:last-child{min-width:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lesson-art{margin:1.3rem 0 0;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:#eee9dd}
.lesson-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.picture-practice{margin-top:1.7rem;padding:1.2rem;border:1px solid var(--line);border-radius:1.2rem;background:#faf6ec}
.picture-practice h3{margin:0;font-size:1.2rem;line-height:1.65}
.picture-practice h3 span{display:block}
.picture-practice .lesson-art{margin-top:1rem}
.picture-practice p:last-child{margin-bottom:0}
#lesson-picker{padding:0;border:0;margin:0;min-width:0}
#lesson-picker>summary{display:none}
.lesson-group{min-width:0}
.lesson-group h3{margin:1.1rem .4rem .5rem;padding-top:1rem;border-top:1px solid #b7cbc7;font-size:.875rem;line-height:1.6}
.level-badge{display:inline-block!important;margin-bottom:.4rem;border:1px solid #6b968f;background:#d8eae4;padding:.1rem .6rem;border-radius:10rem;color:#19463d;font-size:.8rem;letter-spacing:.03em}
#lesson-picker:not([open])>#lesson-list{display:none}
@media(max-width:760px){
 #lesson-picker{border:1px solid var(--line);border-radius:1rem;background:#edf3f0;margin-bottom:1rem}
 #lesson-picker>summary{display:list-item;padding:.9rem 1.1rem;list-style-position:inside;cursor:pointer}
 #lesson-picker>summary>span{display:inline}
 #lesson-picker>summary>span[lang=ar]{display:block}
 #selected-lesson{display:block;margin-top:.4rem;padding-top:.5rem;border-top:1px solid #bbcfca;font-weight:400;color:#345961}
 #lesson-list{display:block;border:0;padding-top:0}
 .lesson-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}
 .lesson-group h3{grid-column:1/-1}
 #lesson-list h2{display:none}
 .lesson-art{border-radius:.9rem}
}
@media(max-width:390px){.lesson-group{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){.level-badge,#lesson-picker{background:Canvas;color:CanvasText;border-color:CanvasText}}
/* Listen without changing an answer: audio controls sit outside its label. */
.question-option{border:1px solid var(--line);border-radius:.7rem;margin:.7rem 0;padding:.35rem .5rem .65rem}
.question-option>label{border:0;margin:0;padding:.45rem .25rem}
.question-option>.question-listen{margin:.2rem .25rem 0}
.question-listen button{font-size:.875rem;min-height:2.75rem;max-width:100%;overflow-wrap:anywhere}
fieldset>.question-listen{margin:.4rem 0 1rem}