.lesson-page [hidden]{display:none!important}.lesson-page{--lesson-soft:color-mix(in srgb, var(--border) 25%, var(--white));--nav-bg:#ffffffe6;--nav-border:var(--border);background:var(--white)}.lesson-page .hebrew{font-family:var(--font-hebrew);letter-spacing:normal;color:var(--ink);unicode-bidi:isolate;line-height:1.65}.lesson-page :focus-visible{outline:3px solid var(--brand-dark);outline-offset:4px}.lesson-page button{font:inherit}.lesson-page button:disabled{cursor:default;opacity:.5}.lesson-page .lesson-primary{color:#fff;background:var(--brand-dark);font-weight:600}.lesson-page .lesson-primary:hover{background:#4338ca}.lesson-page .lesson-secondary{color:var(--ink-mid);background:var(--lesson-soft);font-weight:600}.lesson-page .btn{justify-content:center;min-height:44px}.lesson-skip{top:-100px;left:var(--space-sm);z-index:500;padding:calc(var(--space-xs) * 1.5) var(--space-sm);border-radius:var(--r-sm);background:#fff;position:fixed}.lesson-skip:focus{top:var(--space-sm)}.lesson-container{max-width:var(--w-medium);margin-inline:auto}.lesson-header{gap:var(--space-sm);justify-content:space-between;align-items:center;margin-block-end:calc(var(--space-sm) * 1.25);display:flex}.lesson-identity{align-items:center;gap:calc(var(--space-xs) * 1.75);min-width:0;display:flex}.lesson-identity .eyebrow{color:var(--ink-light);letter-spacing:.08em;font-size:.6875rem}.lesson-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.letter-token{border:1px solid var(--border);background:var(--lesson-soft);width:52px;height:56px;color:var(--ink);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.letter-token .hebrew{font-size:2.25rem}.local-preview-label{color:var(--ink-light);white-space:nowrap;font-size:.7rem}.stage-navigation{margin-block-end:calc(var(--space-sm) * 1.75);scroll-margin-top:80px}.stage-navigation ol{border:1px solid var(--border);padding:var(--space-xs);gap:calc(var(--space-xs) * .5);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.stage-navigation li{min-width:0}.stage-navigation button{width:100%;padding:calc(var(--space-xs) * 1.2) calc(var(--space-xs) * .6);gap:var(--space-xs);color:var(--ink-light);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;min-height:48px;font-size:.8125rem;display:flex}.stage-navigation button[aria-current=step]{background:var(--lesson-soft);color:var(--ink);font-weight:700}.stage-navigation button:not(:disabled):hover{background:var(--lesson-soft)}.stage-navigation button:disabled{opacity:1}.stage-number{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:.75rem;display:grid}.stage-navigation li:has(~li [aria-current=step]) .stage-number{color:var(--ink-mid);background:var(--lesson-soft);border-color:var(--lesson-soft)}[aria-current=step] .stage-number{color:var(--ink);border:1px solid var(--ink-light);background:0 0}.stage-panel{padding-block:0}.stage-panel+.stage-panel{margin-block-start:calc(var(--space-sm) * 2)}.lesson-page:has([aria-current=step]) .stage-panel{margin-block-start:0}.stage-heading{margin-block-end:calc(var(--space-sm) * 1.25)}.stage-heading .eyebrow{color:var(--ink-light);margin-block-end:calc(var(--space-xs) * .7);display:block}.lesson-page h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.3}.stage-heading h2{font-size:1.8rem}.stage-heading>p{margin-block-start:var(--space-xs)}.learning-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(calc(var(--space-sm) * 1.25), 3vw, calc(var(--space-sm) * 2));background:#fff;min-width:0}.lesson-page h1{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.5}.learning-objectives{background:var(--lesson-soft);padding:var(--space-sm) calc(var(--space-sm) * 1.25);border-radius:14px;margin-block-start:var(--space-sm)}.learning-objectives h2,.theory-section h2{margin-block-end:var(--space-xs);font-size:1.05rem}.learning-objectives ul{color:var(--ink-mid);padding-inline-start:calc(var(--space-sm) * 1.25);font-size:.9375rem}.learning-objectives li+li{margin-block-start:calc(var(--space-xs) * .75)}.theory-section{margin-block-start:var(--space-md)}.theory-section p{color:var(--ink-mid);font-size:.9375rem}.stage-actions{justify-content:space-between;align-items:center;gap:calc(var(--space-xs) * 1.5);margin-block-start:calc(var(--space-sm) * 1.25);display:flex}.stage-actions>span{color:var(--ink-light);font-size:.8125rem}.study-block+.study-block{margin-block-start:calc(var(--space-sm) * 1.25)}.mark-card{gap:calc(var(--space-sm) * 1.25);grid-template-columns:92px minmax(0,1fr);align-items:start;display:grid}.mark-glyph{background:var(--lesson-soft);padding-block:calc(var(--space-xs) * .6) calc(var(--space-xs) * 1.2);border-radius:16px;place-items:center;min-height:116px;display:grid}.mark-glyph .hebrew{color:var(--ink);font-size:4rem;line-height:1.55}.mark-card h2{margin-block-end:var(--space-xs);font-size:1.2rem}.mark-card p{color:var(--ink-mid);font-size:.9375rem}.mark-card .text-equivalent{margin-block-start:var(--space-xs);font-size:.8125rem}.text-equivalent .hebrew{color:var(--ink);font-size:1.5rem}.sound-note{border-inline-start:3px solid var(--border-dark);padding-inline-start:var(--space-sm);font-size:.9375rem}.sound-note strong{font-weight:600}.study-text_image:not(:first-child){border-block-start:1px solid var(--border);margin-block-start:var(--space-md);padding-block-start:var(--space-md)}.study-subtitle h2{font-size:1.15rem}.study-simple_text p{color:var(--ink-mid);font-size:.9375rem}.practice-meter{margin-block-end:var(--space-sm)}.practice-meter p{color:var(--ink-light);font-size:.8125rem;font-weight:600}.practice-meter progress{width:100%;height:8px;accent-color:var(--ink-mid);border:0;border-radius:99px;margin-block-start:calc(var(--space-xs) * 1.3);display:block}.practice-meter progress::-webkit-progress-bar{background:var(--border);border-radius:99px}.practice-meter progress::-webkit-progress-value{background:var(--ink-mid);border-radius:99px}.question-card+.question-card{margin-block-start:var(--space-sm)}.question-count{gap:var(--space-xs);color:var(--ink-light);justify-content:space-between;margin-block-end:var(--space-sm);font-size:.75rem;font-weight:600;display:flex}.question-count span{color:var(--ink-light);font-weight:400}.question-card fieldset{border:0;min-width:0}.question-card legend{font-family:var(--font-display);width:100%;font-size:1.2rem;font-weight:600;line-height:1.55}.answer-options{gap:calc(var(--space-xs) * 1.5);margin-block:calc(var(--space-sm) * 1.25);display:grid}.answer-grid,.answer-boolean{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--space-2xl)), 1fr))}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-option{align-items:center;gap:calc(var(--space-xs) * 1.5);padding:calc(var(--space-xs) * 1.75) var(--space-sm);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;min-height:56px;display:flex}.answer-option:hover{border-color:var(--border-dark);background:var(--lesson-soft)}.answer-option:has(input:checked){border-color:var(--brand-dark);background:var(--brand-light)}.answer-option:has(input:focus-visible){outline:3px solid var(--brand-dark);outline-offset:3px}.answer-option input{width:19px;height:19px;accent-color:var(--brand-dark);flex-shrink:0}.answer-option:has(input:disabled){cursor:default}.answer-option .glyph-option{text-align:center;flex:1;min-width:0;font-size:2.75rem;line-height:1.65}.answer-grid:has(.glyph-option) .answer-option{min-height:100px}.answer-actions{gap:calc(var(--space-xs) * 1.5);display:flex}.answer-feedback:empty{display:none}.answer-feedback{padding:calc(var(--space-xs) * 1.5) var(--space-sm);background:var(--lesson-soft);border-radius:10px;margin-block-start:var(--space-sm);font-weight:600}.answer-feedback[data-result=correct]{color:#065f46;background:var(--emerald-bg)}.answer-feedback[data-result=incorrect]{color:#78350f;background:var(--amber-bg)}.answer-explanation{color:var(--ink-mid);margin-block-start:var(--space-sm);font-size:.9375rem}.answer-explanation p:first-child{margin-block-end:calc(var(--space-xs) * .5)}.practice-navigation{justify-content:space-between;align-items:center;gap:calc(var(--space-xs) * 1.5);margin-block-start:calc(var(--space-sm) * 1.25);display:flex}.practice-navigation p{color:var(--ink-light);text-align:center;font-size:.75rem}.practice-navigation .btn{padding-inline:var(--space-sm);font-size:.875rem}.practice-tools{justify-content:space-between;gap:calc(var(--space-xs) * 1.5);margin-block-start:var(--space-xs);display:flex}.text-button{cursor:pointer;color:var(--ink-mid);padding:calc(var(--space-xs) * 1.5) calc(var(--space-xs) * .5);background:0 0;border:0;min-height:44px;font-size:.8125rem;text-decoration:underline}.no-script,.fallback-answer{background:var(--lesson-soft);padding:var(--space-sm);border-radius:12px;margin-block-start:var(--space-sm);font-size:.875rem}.fallback-answer summary{cursor:pointer}.match-pairs-board{gap:calc(var(--space-xs) * 1.5);margin-block:calc(var(--space-sm) * 1.25);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.match-pairs-column{gap:calc(var(--space-xs) * 1.25);flex-direction:column;min-width:0;display:flex}.match-pairs-item{text-align:center;justify-content:center;align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) * 1.5) var(--space-xs);border:1.5px solid var(--border);cursor:pointer;min-height:56px;font:inherit;color:var(--ink);overflow-wrap:anywhere;background:#fff;border-radius:14px;display:flex}.match-pairs-item:hover:not(:disabled){border-color:var(--border-dark);background:var(--lesson-soft)}.match-pairs-item:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}.match-pairs-item.is-selected{border-color:var(--brand-dark);background:var(--brand-light)}.match-pairs-item.is-matched{border-color:var(--border);background:var(--emerald-bg);color:#065f46;cursor:default}.match-pairs-item.is-wrong{background:var(--amber-bg);border-color:#b45309}.match-pairs-item:disabled{opacity:1}.match-pairs-answer-key{color:var(--ink-mid);padding:0;font-size:.9375rem;list-style:none}.match-pairs-answer-key li+li{margin-block-start:calc(var(--space-xs) * .5)}.results-card{text-align:center}.result-percentage{color:var(--ink);font-family:var(--font-display);font-size:4rem;font-weight:800;line-height:1.2}.percentage-label{color:var(--ink-light);margin-block-start:var(--space-xs);font-size:.875rem}.result-stats{gap:calc(var(--space-xs) * 1.5);margin-block:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.result-stats div{background:var(--lesson-soft);padding:calc(var(--space-xs) * 1.5) var(--space-xs);border-radius:12px}.result-stats dt{color:var(--ink-light);overflow-wrap:anywhere;font-size:.75rem}.result-stats dd{font-family:var(--font-display);font-size:1.75rem;font-weight:700}[data-results-summary]{font-size:.9375rem;font-weight:600}[data-unanswered-list]{color:var(--ink-light);margin-block-start:var(--space-xs);font-size:.875rem}.results-actions{justify-content:center;gap:calc(var(--space-xs) * 1.5);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.results-actions .btn{min-width:0;max-width:100%;padding-inline:min(var(--space-md), 4vw);overflow-wrap:anywhere}.session-note{color:var(--ink-light);margin-block-start:var(--space-md);font-size:.8125rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=580px){.lesson-header{gap:var(--space-xs);margin-block-end:var(--space-sm)}.lesson-identity{gap:calc(var(--space-xs) * 1.25)}.lesson-name{font-size:1.2rem}.local-preview-label{display:none}.stage-navigation{margin-block-end:calc(var(--space-sm) * 1.25)}.stage-navigation ol{padding:var(--space-xs);gap:calc(var(--space-xs) * .75);grid-template-columns:minmax(0,1fr)}.stage-navigation button{justify-content:flex-start;gap:calc(var(--space-xs) * 1.5);padding-inline:calc(var(--space-xs) * 1.5);flex-direction:row;font-size:.8125rem}.stage-heading h2{font-size:1.5rem}.stage-heading p{font-size:.9375rem}.lesson-page h1{font-size:1.1rem}.learning-objectives{padding:var(--space-sm)}.mark-card{gap:calc(var(--space-xs) * 1.5);grid-template-columns:minmax(0,1fr)}.mark-glyph{justify-self:center;width:100px}.stage-actions{flex-wrap:wrap}.stage-actions>span{flex-basis:100%}.stage-actions .btn{padding-inline:var(--space-sm);flex:1;font-size:.8125rem}.lesson-pagination{flex-direction:column;align-items:stretch}.question-count{gap:calc(var(--space-xs) * .5);flex-direction:column}.answer-option{padding-inline:calc(var(--space-xs) * 1.5);gap:var(--space-xs)}.practice-navigation{gap:calc(var(--space-xs) * 1.25);flex-wrap:wrap}.practice-navigation p{flex-basis:100%;order:-1}.practice-navigation .btn{padding-inline:calc(var(--space-xs) * 1.25);flex:1;font-size:.8125rem}.results-card{padding:min(var(--space-md), 5vw)}.result-stats{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(40%, var(--space-2xl))), 1fr))}.results-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){html:has(.lesson-page){scroll-behavior:auto}.lesson-page *{transition:none!important}}.lesson-pagination{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-block-start:calc(var(--space-sm) * 2);display:flex}.unavailable-question{padding-block:var(--space-sm)}.unavailable-question p:first-child{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.unavailable-question p+p{color:var(--ink-light);margin-block-start:var(--space-xs)}@media (width<=300px){.lesson-identity{gap:calc(var(--space-xs) * .75)}.letter-token{width:36px;height:44px}.letter-token .hebrew{font-size:1.8rem}.lesson-identity .eyebrow{font-size:.625rem}.learning-card{padding:calc(var(--space-xs) * 1.75)}.learning-objectives{padding:calc(var(--space-xs) * 1.5)}.lesson-page p,.lesson-page li,.lesson-page legend{overflow-wrap:anywhere}.answer-grid,.result-stats,.match-pairs-board{grid-template-columns:minmax(0,1fr)}.stage-actions,.practice-navigation,.practice-tools{flex-direction:column;align-items:stretch}.practice-navigation p{order:-1}.lesson-page .btn{min-width:0;padding-inline:var(--space-xs);overflow-wrap:anywhere;font-size:.8125rem}.result-percentage{font-size:3rem}}
