@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;450;500;550;600;650;700;750;800&display=swap');

:root{--bg:#faf9f6;--paper:#fff;--ink:#243b36;--muted:#7d8780;--green:#245c50;--green-dark:#18473e;--border:#e9eae3;--mint:#e8f0e9;--peach:#f8e8db;--lavender:#eeebf7;--butter:#f6eed5;--radius:20px;font-family:Heebo,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c28c38;outline-offset:4px}button{border:0}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;right:20px;background:var(--green);color:#fff;padding:12px 20px;z-index:50;border-radius:10px}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 0 0 auto;width:238px;background:#f5f5ef;border-left:1px solid var(--border);padding:38px 24px 25px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:800;letter-spacing:-1.5px;line-height:1.1}.brand-icon{display:grid;place-items:center;border-radius:15px;background:var(--green);color:#fff7e8;width:48px;height:49px;transform:rotate(5deg)}.brand-icon svg{width:29px;height:29px;stroke-width:1.9}.brand-sub{display:block;font-size:10px;color:#7c857c;font-weight:400;letter-spacing:.1px;margin-top:7px}.sidebar-label{font-size:10px;color:#8c948a;letter-spacing:.3px;margin:55px 13px 14px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;background:transparent;padding:14px 13px;border-radius:11px;font-size:13px;color:#707b73;text-align:right;margin-bottom:8px;white-space:nowrap}.nav-item.active{background:#e5ebe2;color:var(--green);font-weight:650}.nav-item svg{width:18px;height:18px}.nav-count{margin-right:auto;font-size:10px;background:#ebeee7;border-radius:5px;padding:2px 5px;min-width:21px;text-align:center}.active .nav-count{background:#d6e1d1}.sidebar-tip{background:#eceee1;border:1px solid #e6e8db;border-radius:14px;padding:20px 16px;margin-top:auto;position:relative;overflow:hidden}.tip-symbol{color:#7b8a56;display:inline-block;margin-bottom:8px}.sidebar-tip h3{font-size:14px;line-height:1.8;max-width:150px;margin:0 0 7px}.sidebar-tip p{font-size:11px;line-height:1.9;color:#7a826c;margin:0}.tip-dots{display:flex;gap:7px;margin-top:18px}.tip-dots i{width:7px;height:7px;border-radius:50%;background:#d5d9c1}.tip-dots i:first-child{background:#91a270}.sidebar-footer{display:flex;align-items:center;gap:6px;font-size:9px;color:#8c9488;margin:25px 0 0;justify-content:center}.local-dot{width:5px;height:5px;border-radius:50%;background:#8aab81}
.main{margin-right:238px;max-width:1700px;padding:0 46px}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:#8a9289;font-size:11px}.topbar-right{display:flex;align-items:center;gap:7px}.topbar-right svg{height:16px;width:16px;color:#b8a16e}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:282px;padding:30px 5px 25px;gap:20px}.eyebrow{display:flex;align-items:center;gap:7px;color:#788b72;font-size:11px;font-weight:500}.eyebrow>span{height:5px;width:5px;background:#8a9b71;border-radius:50%}h1{font-size:clamp(30px,3vw,43px);line-height:1.35;letter-spacing:-1.5px;font-weight:650;margin:14px 0}.welcome-copy>p{font-size:12px;color:#849083;line-height:1.9;margin:0}.text-action{background:transparent;display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:550;padding:0;margin-top:19px}.text-action svg{width:15px;height:15px}.welcome-art{position:relative;width:340px;height:220px;flex-shrink:0;display:grid;place-items:center;margin-left:28px}.orbit{position:absolute;border-radius:50%;border:1px solid #e9e7d9;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:210px;height:210px;background:#f1f0e6}.orbit-two{width:275px;height:275px;background:transparent;border-style:dashed;opacity:.7}.headphone-art{width:150px;height:154px;position:relative;transform:rotate(-12deg);filter:drop-shadow(6px 11px 5px #2d4e2914)}.headphone-band{position:absolute;left:12px;top:3px;width:128px;height:127px;border:15px solid #4d7360;border-bottom:0;border-radius:75px 75px 30px 30px;box-shadow:inset 4px 3px 0 #365948,3px -2px 0 #72907a}.headphone-ear{position:absolute;background:linear-gradient(100deg,#365b47,#78917a);width:34px;height:65px;top:83px;border-radius:14px;border:5px solid #355b47;box-shadow:inset 3px 0 0 #b4bda1}.ear-left{left:1px;transform:rotate(-4deg)}.ear-right{right:0;transform:rotate(4deg)}.sound-lines{position:absolute;left:48px;top:90px;display:flex;align-items:center;gap:5px;height:40px}.sound-lines i{width:5px;height:18px;background:#b8bd96;border-radius:5px}.sound-lines i:nth-child(2),.sound-lines i:nth-child(4){height:30px}.sound-lines i:nth-child(3){height:39px}.floating-word{position:absolute;z-index:2;border-radius:9px;background:#fffefb;border:1px solid #ecebdc;box-shadow:0 4px 15px #575b3e07;font-size:11px;color:#6b7e69;padding:10px 14px}.word-one{right:-10px;top:38px;transform:rotate(6deg);font-family:Georgia,serif;font-style:italic;font-size:14px}.word-two{bottom:12px;left:0;transform:rotate(-5deg);display:flex;gap:8px;align-items:center}.word-two svg{height:17px;width:17px}.art-spark{position:absolute;color:#cbb47b;font-size:24px}.spark-one{left:30px;top:31px}.spark-two{right:45px;bottom:23px;font-size:17px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0 36px}.stats>div{display:flex;gap:13px;align-items:center;border:1px solid var(--border);padding:15px 18px;border-radius:12px;background:#fffefa}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px}.mint{background:var(--mint);color:#5a7e63}.peach{background:var(--peach);color:#b1825f}.lavender{background:var(--lavender);color:#8e7faa}.butter{background:var(--butter);color:#aa965a}.stat-icon svg{width:20px;height:20px}.stats strong{display:block;font-size:14px;font-weight:550;line-height:1.4}.stats small{display:block;font-size:10px;color:#939a8e;margin-top:3px}.workspace{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(430px,1.55fr);gap:28px;align-items:start}.library{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:8px}.section-heading h2{font-size:18px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:#99a08f}.search-box{display:flex;gap:9px;border:1px solid var(--border);border-radius:10px;background:#fffefb;align-items:center;padding:10px 12px}.search-box svg{width:17px;height:17px;color:#a2aa9e}.search-box input{width:100%;min-width:0;border:0;outline:0!important;font-size:11px;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#a3a99e}.search-box:focus-within{box-shadow:0 0 0 2px #8da688}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}.filter{border:1px solid var(--border);background:transparent;color:#8a9386;padding:5px 9px;font-size:10px;border-radius:7px}.filter.active{background:var(--green);border-color:var(--green);color:white}.level-filter{display:flex;justify-content:space-between;align-items:center;color:#929b8c;font-size:10px;margin-bottom:13px}.level-filter select{font-size:10px;color:#7a8675;border:0;background:transparent;cursor:pointer;padding:3px 1px}.lesson-list{display:flex;flex-direction:column;gap:9px;max-height:664px;overflow-y:auto;padding:1px 1px 6px 6px;scrollbar-width:thin;scrollbar-color:#d4dbce transparent}.lesson-card{position:relative;text-align:right;background:#fffefb;border:1px solid var(--border);border-radius:12px;padding:15px 12px;display:flex;gap:12px;align-items:center;width:100%;transition:background .15s,border-color .15s}.lesson-card.selected{background:#eef3eb;border-color:#b4c7aa}.lesson-card.selected::before{content:"";position:absolute;right:-1px;top:23px;bottom:23px;width:3px;border-radius:3px;background:var(--green)}.lesson-card-icon{width:41px;height:43px;display:grid;place-items:center;border-radius:11px;flex-shrink:0}.lesson-card-icon svg{width:21px;height:21px}.lesson-card-body{min-width:0}.lesson-card h3{font-size:12px;font-weight:550;margin:0 0 7px}.lesson-card-meta{display:flex;gap:6px;align-items:center;font-size:9px;color:#929b88}.meta-dot{width:2px;height:2px;background:#a6ad9e;border-radius:50%}.lesson-card-end{margin-right:auto;color:#7b9573;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:9px;flex-shrink:0}.lesson-card-end svg{width:16px;height:16px}.card-playing{display:flex;align-items:center;gap:2px;height:15px}.card-playing i{height:8px;width:2px;background:var(--green);border-radius:2px}.card-playing i:nth-child(2){height:14px}.empty-state{padding:35px 15px;text-align:center;border:1px dashed #d6dfd0;border-radius:12px;color:#929b8d;font-size:12px;line-height:1.9}.empty-state svg{margin:0 auto 13px;width:25px;height:25px;color:#82917a}
.lesson-panel{min-width:0;background:#fffefc;border:1px solid var(--border);border-radius:var(--radius);padding:22px 25px 20px;box-shadow:0 5px 20px #354a3103;scroll-margin-top:15px}.lesson-top{display:flex;justify-content:space-between;align-items:center}.category-label{font-size:10px;background:#f1f3eb;color:#8d987d;padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}.category-label svg{width:13px;height:13px}.icon-button{background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;color:#99a28f;position:relative}.icon-button svg{width:19px;height:19px}.icon-button[aria-pressed=true]{color:var(--green);background:#edf2e8}.icon-button[aria-pressed=true] svg{fill:#d5e3cb}.lesson-intro{text-align:center;margin:15px 0 26px}.lesson-meta{font-size:9px;color:#9ba490;display:flex;gap:7px;align-items:center;justify-content:center}.level-badge{font-size:8px;padding:2px 5px;border:1px solid #e2e6d9;border-radius:4px;color:#7c8d70}.lesson-intro h2{font-size:26px;font-weight:600;letter-spacing:-.7px;margin:8px 0 4px}.lesson-intro>p{font-size:11px;color:#9ca38f;margin:0;font-family:"Segoe UI",Arial,sans-serif}.steps{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid #f1f0e9;padding-top:22px;margin-bottom:22px}.step{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:9px;color:#a5ab9b}.step>span{border:1px solid #e5e8dd;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:9px}.step.active{color:var(--green);font-weight:550}.step.active>span{background:var(--green);border-color:var(--green);color:white}.step.done{color:#829175}.step.done>span{background:#edf2e8;border-color:#edf2e8;color:#6e8b5d}.steps>i{flex:1;max-width:38px;height:1px;background:#e9ebe1;min-width:5px}.player{padding:18px 20px 16px;background:#f4f5ee;border:1px solid #edf0e5;border-radius:14px}.player-caption{font-size:9px;color:#929d86;display:flex;align-items:center;gap:6px}.player-dot{width:5px;height:5px;background:#a8b79a;border-radius:50%}.language-label{margin-right:auto;font-size:7px;letter-spacing:1.3px;color:#b0b7a2}.waveform{height:80px;display:flex;align-items:center;justify-content:center;gap:3px;direction:ltr;margin:14px 8px 2px;overflow:hidden}.waveform i{width:3px;min-width:2px;border-radius:3px;background:#cbd5bc;transition:background .2s}.waveform i.played{background:#719562}.waveform.playing i{animation:pulse 1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes pulse{from{transform:scaleY(.65)}to{transform:scaleY(1)}}.seek-row{display:flex;align-items:center;gap:10px;font-size:9px;color:#9ba58c;font-variant-numeric:tabular-nums}.seek-row input{width:100%;height:3px;accent-color:var(--green);cursor:pointer}.player-controls{display:flex;justify-content:space-between;align-items:center;margin:17px 0 12px;gap:10px}.transport{display:flex;gap:15px;align-items:center}.transport>.icon-button{flex-direction:column;gap:0}.transport>.icon-button svg{width:20px;height:20px}.transport small{font-size:7px;margin-top:-3px}.play-button{width:49px;height:49px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 3px 0 #153d3420}.play-button svg{width:21px;height:21px;fill:currentColor;stroke-width:1.3}.play-button[aria-label="השהיה"] svg{fill:none;stroke-width:3}.speed-select{display:flex;align-items:center;flex-direction:column;min-width:55px;gap:2px}.speed-select select{font-size:10px;color:#718066;background:#e9eddf;border:0;border-radius:5px;padding:4px 6px;cursor:pointer;direction:ltr}.speed-select small,.replay-button small{font-size:8px;color:#a3ad96}.replay-button{display:flex;align-items:center;flex-direction:column;gap:5px;background:transparent;padding:0;min-width:55px;color:#94a085}.replay-button svg{width:16px;height:16px}.player-hint{text-align:center;color:#a1ab95;font-size:9px;margin:14px 0 0}.reading-area{padding:0}.locked-reading{margin:21px 0;padding:20px 15px;text-align:center;border:1px dashed #e5e8dc;border-radius:12px;background:#fcfcf8}.locked-reading .lock-circle{background:#f2f3eb;color:#a1af91;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px}.lock-circle svg{width:15px;height:15px}.locked-reading h3{font-size:12px;font-weight:500;margin:0 0 6px}.locked-reading p{font-size:10px;color:#a1a893;line-height:1.8;margin:0}.reading-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:24px 0 9px}.reading-heading h3{font-size:12px;font-weight:550;margin:0}.reading-heading>span{font-size:9px;color:#9da68f}.sentence{display:block;width:100%;background:transparent;text-align:left;border-radius:8px;padding:9px 11px;color:#65715f;transition:background .15s;border:1px solid transparent}.sentence.active{background:#f0f4e9;border-color:#e2ead9}.sentence:hover{background:#f5f6ef}.sentence-en{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.8;direction:ltr}.sentence-he{display:block;font-size:12px;line-height:1.9;text-align:right;direction:rtl;color:#959d8b;margin-top:7px;border-top:1px solid #e9eddf;padding-top:6px}.vocab-section{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.vocab-section h3{font-size:11px;font-weight:550;margin:0 0 10px}.vocab-list{display:flex;flex-wrap:wrap;gap:7px}.vocab-item{border:1px solid #e9eddf;background:#fafbf5;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.vocab-item strong{font-size:11px;font-family:"Segoe UI",Arial,sans-serif;color:#6f825f;direction:ltr;font-weight:500}.vocab-item span{font-size:9px;color:#9ba58f}.quiz{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.quiz>h3{font-size:12px;font-weight:550;margin:0 0 10px}.quiz-label{font-size:9px;color:#a0a891;display:block;margin-bottom:5px}.quiz-options{display:flex;flex-direction:column;gap:6px}.quiz-option{background:#fafbf6;border:1px solid #e7ebdf;border-radius:7px;font-size:11px;text-align:right;padding:9px 12px}.quiz-option.correct{border-color:#a5c190;background:#eef5e6;color:#557946}.quiz-option.incorrect{border-color:#dfb8a4;background:#faf0e9;color:#a06f54}.quiz-feedback{font-size:11px;color:#7c9070;line-height:1.9;min-height:0;margin:10px 0 0}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #f0f0e7;margin-top:20px}.lesson-bottom>span{font-size:9px;color:#a4ac96;display:flex;align-items:center;gap:5px}.lesson-bottom>span svg{width:13px;height:13px}.primary-button{background:var(--green);color:#fff;border-radius:8px;font-size:10px;padding:11px 13px;display:flex;align-items:center;justify-content:center;gap:10px}.primary-button svg{width:13px;height:13px}.main-footer{padding:30px 0 22px;display:flex;align-items:center;justify-content:space-between;color:#aab19f;font-size:9px;gap:15px}.main-footer>span:last-child{font-size:9px;letter-spacing:.4px}.footer-dot{margin:0 5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#254e43;color:white;font-size:12px;border-radius:10px;box-shadow:0 5px 25px #1b42342a;z-index:30;max-width:90vw;text-align:center}.error-text{color:#a16143}.status-error{color:#a16143!important}
@media(min-width:1550px){.main{padding:0 65px}.welcome{min-height:305px}.welcome-art{margin-left:60px}.workspace{grid-template-columns:minmax(280px,.8fr) minmax(480px,1.55fr);gap:35px}.lesson-list{max-height:735px}.lesson-card{padding:19px 16px}.lesson-card h3{font-size:14px}.lesson-card-meta{font-size:10px}.lesson-panel{padding:26px 32px}.player{padding:24px}.waveform{height:95px}.lesson-intro h2{font-size:30px}.lesson-intro{margin-bottom:30px}.sentence-en{font-size:16px}.step{font-size:11px}.locked-reading{padding:25px 15px}.locked-reading h3{font-size:14px}.locked-reading p{font-size:12px}.primary-button{font-size:12px}.player-hint{font-size:11px}.player-caption{font-size:10px}.lesson-bottom>span{font-size:10px}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 17px}.main{margin-right:205px;padding:0 27px}.welcome-art{width:260px;margin-left:0}.workspace{gap:20px;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr)}.lesson-panel{padding:20px 17px}.step{font-size:8px}.steps{gap:5px}.language-label{font-size:6px}.stats>div{padding:13px 10px;gap:9px}.stats strong{font-size:12px}.stats small{font-size:9px}.lesson-bottom{flex-wrap:wrap}.lesson-bottom>span{flex:1}.nav-item{font-size:12px}}
@media(max-width:1000px){.sidebar{width:175px;padding:28px 12px}.brand{font-size:27px;gap:9px}.brand-icon{width:40px;height:43px}.brand-sub{font-size:8px}.nav-item{font-size:11px;padding:13px 9px;gap:7px}.sidebar-label{margin-top:42px}.main{margin-right:175px;padding:0 22px}.workspace{grid-template-columns:minmax(205px,.85fr) minmax(330px,1.4fr);gap:15px}.welcome-art{width:200px;transform:scale(.85);transform-origin:center}.welcome-copy>p{font-size:11px}.welcome{min-height:265px}.stats{gap:9px}.stat-icon{width:31px;height:34px;border-radius:9px;flex-shrink:0}.stats strong{font-size:11px}.stats small{font-size:8px}.lesson-card{gap:8px;padding:14px 8px}.lesson-card h3{font-size:11px}.lesson-card-icon{width:33px;height:36px}.lesson-card-meta{font-size:8px;gap:5px}.lesson-intro h2{font-size:23px}.player{padding:14px 11px}.steps>i{max-width:14px}.section-heading h2{font-size:16px}}
@media(max-width:820px){.sidebar{width:100%;height:auto;position:static;display:block;padding:18px 22px 12px;border-left:0;border-bottom:1px solid var(--border)}.brand{font-size:28px}.brand-sub{font-size:9px}.brand-icon{width:41px;height:43px}.sidebar-label,.sidebar-tip,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:6px;margin-top:18px}.nav-item{margin:0;padding:10px 11px;justify-content:center;gap:7px;font-size:11px}.nav-count{margin-right:0}.main{margin-right:0;padding:0 22px}.topbar{height:54px}.welcome{min-height:240px}.welcome-art{width:240px;transform:scale(.9)}h1{font-size:34px}.workspace{grid-template-columns:minmax(220px,.85fr) minmax(345px,1.4fr);gap:20px}.lesson-card h3{font-size:12px}.stats{margin-bottom:27px}.stats strong{font-size:13px}.stats small{font-size:9px}.main-footer{padding-top:25px}}
@media(max-width:640px){.main{padding:0 17px}.topbar{font-size:10px}.topbar-right{font-size:9px}.welcome{min-height:250px;position:relative;overflow:hidden;gap:0;padding:27px 0 22px}.welcome-copy{position:relative;z-index:2;width:100%}h1{font-size:32px;letter-spacing:-1px}.eyebrow{font-size:10px}.welcome-copy>p{font-size:10px;max-width:240px}.welcome-art{position:absolute;width:190px;height:200px;left:-40px;top:20px;transform:scale(.65);opacity:.55;transform-origin:left center}.word-one,.word-two{display:none}.text-action{font-size:10px}.stats{gap:7px;margin:5px 0 28px}.stats>div{display:flex;flex-direction:column;text-align:center;padding:13px 6px;gap:9px}.stat-icon{width:30px;height:30px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.stats strong{font-size:11px}.stats small{font-size:8px}.workspace{display:flex;flex-direction:column;gap:25px}.library,.lesson-panel{width:100%}.lesson-list{max-height:275px}.lesson-card{padding:13px 12px;gap:12px}.lesson-card-icon{width:40px;height:41px}.lesson-card h3{font-size:13px}.lesson-card-meta{font-size:10px}.lesson-card-end{font-size:10px}.lesson-panel{padding:20px 17px}.section-heading h2{font-size:18px}.filters{gap:7px}.filter{font-size:11px;padding:5px 10px}.search-box input{font-size:12px}.level-filter,.level-filter select{font-size:11px}.lesson-intro h2{font-size:28px}.steps{gap:8px}.step{font-size:10px}.steps>i{max-width:none}.player{padding:17px 15px}.player-caption{font-size:9px}.language-label{font-size:7px}.locked-reading{padding:23px 13px}.locked-reading h3{font-size:13px}.locked-reading p{font-size:11px}.lesson-bottom>span{font-size:9px}.primary-button{font-size:11px}.sidebar{padding:17px 17px 12px}.sidebar nav{gap:3px}.nav-item{padding:9px 7px;font-size:10px;gap:5px}.nav-count{font-size:9px;padding:1px 4px;min-width:16px}.nav-item svg{width:16px;height:16px}.main-footer{align-items:flex-start;font-size:8px}.main-footer>span:last-child{font-size:8px}.sentence-en{font-size:15px}.sentence-he{font-size:12px}.lesson-bottom{gap:10px}.quiz-option{padding:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep supporting text readable alongside the larger English reading text. */
.skip-link{top:12px;transform:translateY(-200%);opacity:0;pointer-events:none}
.skip-link:focus{transform:translateY(0);opacity:1;pointer-events:auto}
.welcome-copy>p{font-size:13px;color:#77816f}
.text-action{font-size:12px}
.stats strong{font-size:15px}.stats small{font-size:11px;color:#7a846f}
.search-box input{font-size:13px}.filter{font-size:11px;color:#78826e}
.filter.active{color:white}.level-filter,.level-filter select{font-size:11px;color:#7a846f}
.lesson-card h3{font-size:14px}.lesson-card-meta{font-size:11px;color:#7e8873}
.lesson-meta{font-size:11px;color:#7e8873}.level-badge{font-size:10px}
.category-label{font-size:11px;color:#77856b}.lesson-intro>p{font-size:12px;color:#7e8873}
.step{font-size:11px;color:#8a947f}.step.active{color:var(--green)}
.player-caption{font-size:11px;color:#78876d}.language-label{font-size:8px;color:#8c987e}
.player-hint{font-size:11px;color:#7d8a70}.seek-row{font-size:10px;color:#7d8a70}
.speed-select select{font-size:12px}.speed-select small,.replay-button small{font-size:10px;color:#7d8a70}
.locked-reading h3{font-size:14px}.locked-reading p{font-size:12px;color:#88917d}
.primary-button{font-size:12px}.lesson-bottom>span{font-size:11px;color:#8a947f}
.reading-heading h3{font-size:14px}.reading-heading>span{font-size:11px;color:#88917d}
.sentence-en{font-size:16px;color:#53634e}.sentence-he{font-size:14px;color:#7a856d}
.vocab-section h3{font-size:13px}.vocab-item strong{font-size:12px}.vocab-item span{font-size:11px;color:#7f8a73}
.quiz>h3{font-size:14px}.quiz-label{font-size:11px;color:#88917d}.quiz-option{font-size:13px}.quiz-feedback{font-size:12px}
.sidebar-tip p{font-size:12px}.main-footer{font-size:10px;color:#8d9782}
@media(min-width:821px){.topbar{height:74px}.welcome{min-height:260px;padding-top:24px;padding-bottom:20px}h1{font-size:39px;line-height:1.3;margin:12px 0}.welcome-copy>p{line-height:1.8}.text-action{margin-top:15px}.stats{margin-top:12px;margin-bottom:30px}}
@media(min-width:1201px){.nav-item{font-size:14px}.step{font-size:12px}.lesson-list{max-height:700px}}
@media(max-width:1200px){.lesson-card h3{font-size:12px}.lesson-card-meta{font-size:10px}.step{font-size:10px}.stats strong{font-size:13px}.stats small{font-size:10px}.lesson-bottom>span{font-size:10px}}
@media(max-width:1000px) and (min-width:821px){.welcome-copy>p{font-size:12px}h1{font-size:33px}.step{font-size:9px}.lesson-card h3{font-size:11px}.lesson-card-meta{font-size:9px}.player-caption{font-size:10px}.language-label{font-size:7px}}
@media(max-width:640px){.welcome-copy>p{font-size:11px;max-width:255px}.stats strong{font-size:12px}.stats small{font-size:9px}.lesson-card h3{font-size:14px}.lesson-card-meta{font-size:11px}.step{font-size:10px}.player-caption{font-size:10px}.language-label{font-size:7px}.reading-heading{align-items:flex-start;flex-direction:column;gap:5px}.primary-button{font-size:11px}.main-footer{font-size:9px}}