/* Levels reuse existing lessons and the established mobile learning shell. */

.ulpan-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 26px}
.ulpan-selector button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;text-align:left;min-width:0;min-height:80px;padding:15px 18px;border:1px solid var(--sky-soft);background:#fff;border-radius:8px;color:var(--blue)}
.ulpan-selector button>span{grid-row:1/3;font:500 34px 'Noto Sans Hebrew',Arial;color:#aac5e0}
.ulpan-selector strong{font-size:18px}.ulpan-selector small{font-size:13px;line-height:1.5;color:var(--muted)}
.ulpan-selector button:hover{border-color:var(--line)}.ulpan-selector [aria-pressed=true]{background:var(--sky-faint);border-color:#aac5e0;box-shadow:inset 0 0 0 1px #aac5e0}.ulpan-selector [aria-pressed=true]>span{color:#aac5e0}
.ulpan-level[hidden]{display:none}.ulpan-level-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 27px}.ulpan-level-heading h3{font-size:30px;margin-top:9px;letter-spacing:0}.ulpan-level-heading p{font-size:16px;line-height:1.7;color:var(--muted);max-width:760px;margin-top:10px}.ulpan-level-heading .screen-label{font-size:12px}.ulpan-outcome{padding-left:14px;border-left:3px solid var(--sky-soft)}.ulpan-progress-label{flex:none;background:var(--sky-faint);border-radius:8px;font-size:14px;padding:10px 16px;color:var(--blue);margin-top:7px}
.ulpan-assessment{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px;border-radius:8px;background:var(--sky-soft);border:1px solid var(--line);color:var(--ink)}.ulpan-assessment strong{font-size:20px;line-height:1.4}.ulpan-assessment p{font-size:15px;margin-top:7px}.ulpan-assessment small{display:block;font-size:14px;line-height:1.65;max-width:620px;margin-top:6px;color:var(--muted)}.ulpan-assessment button{width:auto;flex:none;margin:0;font-size:15px;min-height:48px;border-color:var(--line);color:var(--blue);padding-inline:20px}
.ulpan-course-intro{margin:20px 0 24px}.ulpan-course-intro h3{font-size:26px;line-height:1.3}.ulpan-course-intro p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:10px}.ulpan-course-intro>span{display:block;font-size:14px;color:var(--blue);margin-top:14px}
.course-content .ulpan-assessment{display:block;padding:20px}.course-content .ulpan-assessment button{width:100%;margin-top:14px}.course-content .quiet-note{font-size:13px;line-height:1.65;text-align:left}.course-content .back-link{font-size:14px;min-height:44px}.course-content .curr-module>span{min-width:0}.course-content .curr-module .reading-module-icon{font-size:25px;min-width:58px;width:58px;overflow-wrap:anywhere;line-height:1.7}
.ulpan-passage,.ulpan-model{background:#fff;border:1px solid var(--sky-soft);border-radius:8px;padding:18px 20px;margin-top:18px;overflow-wrap:anywhere}.ulpan-passage p[lang=he],.ulpan-model p[lang=he],.ulpan-listen p[lang=he]{font:400 23px/1.9 'Noto Sans Hebrew',Arial;text-align:right;color:var(--muted)}.ulpan-passage .screen-label{display:block;margin-bottom:10px}.ulpan-passage summary,.ulpan-model summary{cursor:pointer;color:var(--blue);font-size:15px;line-height:1.5;min-height:44px;padding:12px 0}.ulpan-passage details{margin-top:12px;border-top:1px solid var(--sky-faint)}.ulpan-passage details p,.ulpan-model p:not([lang=he]){font-size:15px;line-height:1.7;color:var(--muted);margin-top:9px}.ulpan-listen{padding:15px 18px;border-radius:8px;background:var(--sky-faint);margin-top:18px}.ulpan-listen p{font-size:14px;margin-top:12px;color:var(--muted)}.ulpan-listen small{display:block;font-size:14px;line-height:1.6;margin-top:12px}.ulpan-listen .back-link{min-height:44px;font-size:14px}.ulpan-listen .curr-secondary{margin-top:0}
.ulpan-compose{display:flex;flex-direction:column;gap:9px}.ulpan-compose textarea{font:400 20px/1.6 'Noto Sans Hebrew',Arial;min-height:125px;width:100%;max-width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);background:#fff}.ulpan-compose textarea::placeholder{font:400 16px/1.6 Arial}.ulpan-compose .full-button{margin-top:0;justify-content:center}.ulpan-compose textarea:focus{outline:3px solid var(--sky-soft);outline-offset:2px}
.ulpan-lesson .reading-symbols{flex-wrap:wrap}.ulpan-lesson .reading-symbols>div{min-width:0;flex:1 1 130px;overflow-wrap:anywhere}.ulpan-lesson .reading-symbols [lang=he]{font-size:27px}.ulpan-lesson .reading-example>strong{font-size:27px;line-height:1.8}.ulpan-lesson .reading-options [lang=he]{font-size:24px}.ulpan-lesson .reading-question{font-size:29px;line-height:1.8;overflow-wrap:anywhere}.ulpan-lesson .reading-assembled [lang=he]{font-size:26px}.curr-module-tabs{flex-wrap:wrap}.curr-module-tabs .curr-secondary{flex:1 1 130px;min-width:0}
.home-module[class*="bet-"]{--module-color:var(--blue);--module-bg:var(--sky-soft)}.home-module[class*="gimel-"]{--module-color:var(--blue);--module-bg:var(--sky-soft)}
@media(min-width:1051px){.home-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-module-description{min-height:135px}.home-module-glyph{font-size:27px}.home-module h3{min-height:60px}}
@media(max-width:680px){.ulpan-selector{gap:7px;margin:18px 0 22px}.ulpan-selector button{display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;padding:12px 6px;min-height:96px}.ulpan-selector button>span{font-size:27px}.ulpan-selector strong{font-size:16px}.ulpan-selector small{font-size:11px}.ulpan-level-heading{display:block;margin-bottom:22px}.ulpan-level-heading h3{font-size:28px}.ulpan-level-heading p{font-size:16px}.ulpan-progress-label{display:inline-block;margin-top:16px}.ulpan-assessment{display:block;padding:21px}.ulpan-assessment button{width:100%;margin-top:16px}.ulpan-assessment strong{font-size:19px}.ulpan-passage,.ulpan-model{padding:14px 15px}.ulpan-passage p[lang=he],.ulpan-model p[lang=he],.ulpan-listen p[lang=he]{font-size:22px;line-height:1.85}.ulpan-course-intro h3{font-size:24px}.curr-module-tabs .curr-secondary{font-size:13px;flex-basis:110px}.course-content .curr-module strong{font-size:19px}.course-content .curr-module .reading-module-icon{font-size:22px;min-width:44px;width:44px}}
@media(max-width:360px){.ulpan-selector small{font-size:10px}.ulpan-selector strong{font-size:15px}.ulpan-selector button{padding-inline:4px}.ulpan-level-heading h3{font-size:26px}.course-content .curr-module .reading-module-icon{display:none}}
.keyboard-open .ulpan-compose textarea{min-height:56px;height:64px;resize:none;padding:8px 12px}.keyboard-open .ulpan-compose .primary{min-height:44px;padding:9px 12px}.keyboard-open .ulpan-compose{gap:7px}.keyboard-open .ulpan-model,.keyboard-open .ulpan-lesson .quiet-note{display:none}.keyboard-open .ulpan-lesson h2{font-size:17px;line-height:1.3}.keyboard-open .ulpan-lesson .reading-question{font-size:22px}

/* Levels and practical reading share the adult blue workspace. */
.ulpan-selector button{border-radius:8px;border-color:var(--line);color:var(--ink)}
.ulpan-selector button>span,.ulpan-course-intro>span{color:var(--blue)}
.ulpan-selector button:hover{border-color:#a4c9ea}
.ulpan-selector [aria-pressed=true]{background:var(--sky-soft);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.ulpan-selector [aria-pressed=true]>span{color:var(--blue)}
.ulpan-selector small,.ulpan-level-heading p,.ulpan-course-intro p{color:var(--muted)}
.ulpan-level-heading h3{letter-spacing:0;font-size:28px}
.ulpan-outcome{border-left-color:#98c3e9}
.ulpan-progress-label{background:var(--sky-soft);color:var(--blue);border-radius:8px}
.ulpan-assessment{background:var(--sky-soft);border-color:var(--line);color:var(--ink);border-radius:8px;padding:20px}
.ulpan-assessment small{color:var(--muted)}
.ulpan-assessment button{background:#fff;border-color:#b8d0e8;color:var(--blue)}
.ulpan-passage,.ulpan-model{border-color:var(--line);border-radius:8px}
.ulpan-passage p[lang=he],.ulpan-model p[lang=he],.ulpan-listen p[lang=he]{color:var(--ink)}
.ulpan-passage summary,.ulpan-model summary{color:var(--blue)}
.ulpan-passage details p,.ulpan-model p:not([lang=he]){color:var(--muted)}
.ulpan-listen{background:var(--sky-soft);border-radius:8px}
.ulpan-listen p{color:var(--muted)}
.ulpan-compose textarea{border-color:#adc8e3;border-radius:8px}
.ulpan-compose textarea:focus{outline-color:#7db8ef}
@media(max-width:680px){.ulpan-selector button{min-height:84px;padding:10px 6px}.ulpan-selector strong{font-size:15px}.ulpan-level-heading h3{font-size:25px}.ulpan-assessment{padding:16px}.ulpan-course-intro h3{font-size:23px}}