*{box-sizing:border-box}body{margin:0;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button,a,select{outline-offset:4px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #168880}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.study-main{width:min(1160px,calc(100% - 40px));margin:auto;padding:22px 0 30px!important}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.catalog-heading h1{font-size:36px;line-height:1.1;margin:0 0 7px}.catalog-heading p{margin:0;color:#45625f}.chapter-count{font-size:13px;border:1px solid #c7d4c3;background:#edf4e7;border-radius:20px;padding:6px 12px;white-space:nowrap}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chapter-card{--accent:#177567;--wash:#e3f4ec;position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--wash);border:1px solid #203d3820;border-top:5px solid var(--accent);border-radius:16px;padding:18px;box-shadow:0 4px 8px #23493d08;transition:transform .15s}.chapter-card:hover{transform:translateY(-2px)}.violet{--accent:#7556a6;--wash:#efe9f8}.amber{--accent:#ac6a13;--wash:#fff0d3}.blue{--accent:#316cb2;--wash:#e5effc}.rose{--accent:#a64e6b;--wash:#fae7ec}.chapter-top{display:flex;align-items:center;gap:8px;font-size:12px;color:#42615e}.chapter-number{background:var(--accent);color:white;border-radius:8px;font-weight:700;padding:3px 6px}.chapter-card h2{font-size:24px;line-height:1.2;margin:13px 0 7px;overflow-wrap:anywhere}.chapter-topic{font-size:15px;margin:0 0 8px}.chapter-range{font-size:12px;color:#425a57;margin:0 0 14px}.chapter-open{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;border-top:1px solid #284a3c25;padding-top:10px;margin-top:auto;color:var(--accent)}.study-extras{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 3px;margin-top:15px;border-top:1px solid #d9cfba;font-size:14px}.study-extras p{margin:0;color:#5d6b63}.study-extras a{font-weight:600}.study-footer{text-align:center;border-top:1px solid #dfd1b5;padding:18px;font-size:13px}.back-link{display:inline-flex;min-height:38px;align-items:center;font-size:14px}.text-chooser{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:7px 0 15px}.text-chooser label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.text-chooser select{width:100%;min-width:0;padding:10px;border:1px solid #b9c9c0;border-radius:9px;background:#fffefa;color:#193449;font-size:16px}.reader-heading h1{font-size:29px;margin:8px 0 0}.reader-heading p{font-size:14px;margin:2px 0 12px;color:#51645a}.reader-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}.reader-actions a,.reader-actions .active{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border-radius:9px;border:1px solid #d0c5a9;text-decoration:none;font-size:14px}.reader-actions .active{background:#174f45;border-color:#174f45;color:#fff;font-weight:700}.reading-options{font-size:14px;margin-bottom:16px}.reading-options label{display:flex;align-items:center;gap:8px}.reading-options input{width:18px;height:18px}.text-passage{background:#fffdf8;border:1px solid #e2d8c1;border-radius:12px;padding:20px;margin-bottom:12px}.passage-ref{font-size:12px;color:#67736a;display:block;margin-bottom:12px}.passage-row p{margin:9px 0}.passage-fr{font-size:19px;line-height:1.75}.passage-he{font-family:Arial,sans-serif;font-size:25px;line-height:1.85;text-align:right}.bilingual .passage-he{padding-top:12px;border-top:1px solid #e6dfce}.page-turns{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.page-turns button{padding:10px 16px;background:#e7eee4;border:1px solid #bccab4;border-radius:9px;color:#214d42}.source-notes{font-size:12px;color:#5b6b60;margin-top:20px}.source-notes summary{cursor:pointer}.source-notes p{margin:8px 0}html[dir=rtl] .chapter-open>span[aria-hidden]{transform:scaleX(-1)}
@media(max-width:650px){.study-main{width:calc(100% - 24px);padding-top:17px!important}.catalog-heading{margin-bottom:13px;align-items:flex-start}.catalog-heading h1{font-size:28px}.catalog-heading p{font-size:13px;max-width:245px}.chapter-count{font-size:10px;padding:5px 7px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chapter-card{padding:11px 10px;border-radius:12px;border-top-width:4px}.chapter-top{font-size:11px;gap:5px}.chapter-number{font-size:10px;padding:2px 4px}.chapter-card h2{font-size:19px;margin-top:9px;margin-bottom:5px}.chapter-topic{font-size:12px;line-height:1.35;margin-bottom:5px}.chapter-range{font-size:10px;line-height:1.4;margin-bottom:9px}.chapter-open{font-size:12px;padding-top:7px}.study-extras{font-size:12px}.text-chooser{gap:8px}.reader-heading h1{font-size:25px}.reader-actions a,.reader-actions .active{font-size:13px;padding:8px 11px}.text-passage{padding:15px}.passage-fr{font-size:18px}.passage-he{font-size:24px}.reading-options{font-size:13px}}
@media(orientation:landscape) and (min-width:650px){.chapter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.chapter-card{padding:12px}.chapter-card h2{font-size:21px}.chapter-top{font-size:11px}.chapter-topic{font-size:13px}}
@media(prefers-reduced-motion:reduce){.chapter-card{transition:none}.chapter-card:hover{transform:none}}
/* The language of the menus is independent of the original and translation columns. */
.reader-actions button{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid #bfcdbf;border-radius:9px;background:#fffdf8;color:#21493e;font-size:15px}.reader-actions button[aria-pressed=true]{background:#174f45;border-color:#174f45;color:white;font-weight:700}.study-reading-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:14px 16px;background:#edf2e8;border:1px solid #cbd8c3;border-radius:12px}.span-control,.level-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.span-control select,.level-label select{padding:9px 10px;background:#fffdf8;border:1px solid #bac9b4;border-radius:7px;max-width:100%;font-size:15px}.translation-toggle{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14px}.translation-toggle input{width:20px;height:20px;accent-color:#175e4f}.reader-tip{font-size:14px;line-height:1.6;color:#486154;margin:12px 0}.reading-summary{font-size:13px;font-weight:600;color:#31584a}.daf-boundary{display:flex;align-items:center;gap:14px;margin:24px 0 10px;font-size:23px;color:#164d41}.daf-boundary small{font-size:13px;font-weight:400}.text-passage{padding:0;border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #173e3805;margin-bottom:16px}.column-headings{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#e7eee0;font-size:13px;font-weight:700;color:#2e5948}.column-headings>span{padding:10px 18px}.passage-row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.passage-row+.passage-row{border-top:1px solid #e8e1d0}.original-cell,.translation-cell{min-width:0;padding:16px 20px;overflow-wrap:anywhere}.translation-cell{border-inline-start:1px solid #e3ddcc;background:#fffcf4;align-self:stretch}.passage-ref{font-size:10px;line-height:1.4;margin:0 0 7px;direction:ltr;unicode-bidi:isolate}.passage-row p{margin:0}.passage-he{font-size:25px;line-height:1.85}.passage-fr{font-size:19px;line-height:1.8}.bilingual .passage-he{padding:0;border:0}.original-only .passage-row,.original-only .column-headings{grid-template-columns:1fr}.practice-controls{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-top:20px}.skill-tabs{display:flex;gap:8px}.skill-tabs button,.practice-footer button,.assessment-controls button{border:1px solid #b4c9ba;border-radius:9px;background:#f3f5ea;padding:10px 16px;color:#174e40;min-height:44px}.skill-tabs button[aria-pressed=true]{background:#245d4b;color:white;border-color:#245d4b}.practice-score{font-size:13px;font-weight:600;color:#36614e}.question-card{background:#fffdf8;border:1px solid #dbcfb5;border-radius:15px;padding:24px;margin:14px 0}.question-progress{font-size:13px;font-weight:700;color:#4b7060;margin:0 0 8px}.question-card h2{font-size:23px;line-height:1.4;margin:6px 0 12px}.question-context{border-inline-start:4px solid #caa665;background:#f4f1e4;padding:10px 18px;margin:14px 0}.question-context .passage-he{margin:10px 0}.question-options{display:grid;gap:9px;margin:16px 0}.answer-choice{display:block;text-align:start;background:#fffefa;border:1px solid #c3cfbc;border-radius:10px;padding:14px 16px;font-size:17px;line-height:1.5;color:#243e35;min-height:48px}.answer-choice:hover:not(:disabled){background:#eaf1e3;border-color:#4d825f}.answer-choice.correct{border-color:#267344;background:#e5f3e7;opacity:1;color:#154c2d}.answer-choice.incorrect{border-color:#b15a34;background:#faede3;opacity:1;color:#7b351c}.primary-button{background:#1c604d;color:white;border:1px solid #1c604d;border-radius:9px;padding:11px 17px;min-height:46px;font-weight:600}.practice-aid{border:1px solid #dccda8;border-radius:8px;background:#fff8e7;padding:10px 14px;margin:12px 0;font-size:14px}.practice-aid summary{cursor:pointer}.practice-aid p,.question-feedback p{white-space:pre-line;line-height:1.75}.written-label{font-size:14px;font-weight:600}textarea{display:block;width:100%;max-width:100%;padding:12px;font:inherit;border:1px solid #a7bca9;border-radius:9px;resize:vertical;margin:7px 0;min-height:120px}textarea:focus-visible{outline:3px solid #438a73;outline-offset:2px}.question-feedback{background:#eaf2e4;border:1px solid #bbd0b4;border-radius:10px;padding:17px 20px;margin:16px 0}.question-feedback h3{margin:0 0 8px;font-size:18px}.question-feedback p{font-size:17px;margin:8px 0}#feedback-rubric{font-size:14px}.assessment-controls,.practice-footer{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.written-label:has(+textarea[hidden]){display:none}
@media(max-width:650px){.study-reading-controls{padding:10px 12px;gap:6px}.span-control{width:100%}.span-control select{width:100%}.translation-toggle{font-size:13px}.column-headings{font-size:11px}.column-headings>span{padding:9px 10px}.original-cell,.translation-cell{padding:12px 10px}.passage-he{font-size:21px;line-height:1.85}.passage-fr{font-size:16px;line-height:1.8}.passage-ref{font-size:9px}.question-card{padding:17px 14px}.question-card h2{font-size:20px}.answer-choice{font-size:16px;padding:12px}.question-context{padding:6px 12px}.question-context .passage-he{font-size:24px}.reader-actions button{font-size:14px;padding:8px 12px}.level-label{width:100%}.skill-tabs{width:100%}.skill-tabs button{flex:1}.question-feedback{padding:13px}.question-feedback p{font-size:16px}}
@media(min-width:950px){.original-cell,.translation-cell{padding:20px 26px}.passage-fr{font-size:20px}.passage-he{font-size:27px}}
/* Fixed bilingual reading order: French on the left, original on the right. */
.column-headings,.passage-row{direction:ltr}.column-headings>span:first-child{text-align:left}.column-headings>span:last-child{text-align:right}.translation-cell{border-inline-start:0;border-inline-end:1px solid #e3ddcc;text-align:left;direction:ltr}.original-cell{text-align:right;direction:rtl}.original-cell,.translation-cell{padding:8px 20px}.passage-row+.passage-row{border-top:1px solid #eee8dc}.passage-source{direction:ltr;text-align:right;font-size:10px;color:#65776a;margin:0;padding:7px 20px;background:#f0f3e9;border-top:1px solid #d9dfcf}.column-headings{border-bottom:1px solid #cad6c0}.text-passage{box-shadow:none}.original-only .column-headings>span{text-align:right}
@media(max-width:650px){.original-cell,.translation-cell{padding:7px 10px}.passage-source{padding:6px 10px}.passage-he{font-size:22px;line-height:1.65}.passage-fr{font-size:16px;line-height:1.65}}
/* Source-linked illustrations and summaries follow the aligned text. */
.topic-recap{background:#f0f5e9;border:1px solid #c6d6bc;border-inline-start:5px solid #39836c;border-radius:12px;padding:20px;margin:18px 0;overflow:hidden}.inline-recap{margin:20px 14px 26px}.recap-heading h3{font-size:22px;color:#174e3c;margin:6px 0;line-height:1.3}.recap-kicker{color:#4c735b;font-size:11px;letter-spacing:.06em;font-weight:800}.recap-heading small{font-size:10px;color:#536a5b;overflow-wrap:anywhere}.recap-he-title{font-size:19px;margin:5px 0}.recap-copy{font-size:18px;line-height:1.75;color:#263e31;margin:14px 0}.recap-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.recap-word{background:#fffdf4;border:1px solid #d6d8bd;border-radius:9px;padding:10px 12px;min-width:0;display:flex;flex-direction:column;gap:7px}.recap-word bdi{font-size:22px;line-height:1.6;overflow-wrap:anywhere;text-align:right;color:#194d41}.recap-word span{font-size:14px;line-height:1.6}.recap-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.recap-visuals:has(>.media-card:only-child){grid-template-columns:1fr}.recap-visuals .media-card{max-width:640px;margin-inline:auto;width:100%}.recap-visuals .media-card img{max-height:370px;object-fit:contain;background:#fff}.recap-actions{display:flex;align-items:start;flex-wrap:wrap;gap:10px;margin-top:15px}.recap-actions button,.recap-actions>a,#retry-media{border:1px solid #aac3a7;background:#fffdf4;color:#205b48;border-radius:8px;padding:9px 12px;font-size:13px;min-height:42px;text-decoration:none}.recap-actions details{font-size:13px;max-width:100%;padding:9px 0;flex-basis:100%}.recap-actions summary{cursor:pointer}.recap-actions details p{font-size:19px;line-height:1.7}.media-heading{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:14px;margin-top:24px}.media-heading h2{margin:0;font-size:28px}.media-heading .reader-tip{margin:7px 0}.illustration-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.media-card{margin:0;background:#fffefa;border:1px solid #d6cfb9;border-radius:12px;overflow:hidden;min-width:0}.media-card>a{display:block;text-decoration:none;position:relative;background:#f4edda}.media-card img{display:block;width:100%;height:auto}.media-card figcaption{padding:12px 15px}.media-card h3{font-size:18px;line-height:1.3;margin:0 0 7px;color:#284e3e}.media-card p{font-size:15px;line-height:1.6;margin:6px 0}.media-card small{font-size:10px;line-height:1.4;color:#667365;display:block}.image-open{display:block;text-align:center;padding:7px 10px;font-size:12px;background:#174f45;color:#fff}.comic-heading{margin-top:30px}.comic-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.comic-card>a{background:white}.comic-card img{object-fit:contain}#topic-summaries{display:grid;gap:4px}#images-view,#summaries-view{scroll-margin-top:20px}
@media(max-width:650px){.topic-recap{padding:14px}.inline-recap{margin:15px 8px 21px}.recap-heading h3{font-size:20px}.recap-copy{font-size:17px}.recap-words{grid-template-columns:1fr;gap:7px}.recap-word{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.recap-word bdi{grid-column:2;grid-row:1;font-size:21px}.recap-word span{grid-column:1;grid-row:1;font-size:14px}.illustration-gallery,.comic-gallery,.recap-visuals{grid-template-columns:1fr;gap:15px}.media-heading .level-label{width:100%}.media-card figcaption{padding:11px 13px}.media-card h3{font-size:18px}.recap-visuals .media-card img{max-height:310px}.reader-actions{gap:6px}.reader-actions button{font-size:13px;padding:8px 10px}}

/* Image loading and recovery: a failed request must not leave an empty frame. */
.media-card{position:relative}.media-load-status{position:absolute;top:12px;inset-inline:12px;z-index:1;padding:10px 12px;background:#fffdf4f2;border:1px solid #d6d8bd;border-radius:8px;color:#31584a;font-size:14px;line-height:1.5;text-align:center;pointer-events:none}.media-load-error{position:static;margin:14px;pointer-events:auto}.media-load-status button{display:block;min-height:44px;margin:10px auto 0;padding:9px 15px;border:1px solid #aac3a7;border-radius:8px;background:#fffdf4;color:#205b48;font:inherit}

/* One amoud, then independent reading in the original Vilna layout. */
.amoud-rule{margin:0;font-weight:650;color:#173f76;flex:1 1 260px}
.vilna-section{margin:28px 0;padding:clamp(18px,4vw,30px);border:1px solid #adc7ee;border-radius:20px;background:linear-gradient(135deg,#edf4ff,#fff);color:#173153;scroll-margin-top:24px}
.vilna-section h2{margin:0 0 10px;font-size:clamp(1.35rem,3vw,1.8rem)}
.vilna-section p{max-width:76ch;line-height:1.6}
.vilna-kicker{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#315e9f;margin:0 0 8px}
.vilna-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}
.vilna-tools button,.vilna-tools a{padding:10px 14px;border-radius:10px;border:1px solid #a9bfdf;background:#fff;color:#163c72;font-weight:700;min-height:44px}
.vilna-tools button:disabled{opacity:.45;cursor:default}
.vilna-tools output{font-variant-numeric:tabular-nums;min-width:65px;text-align:center;direction:ltr}
.vilna-viewport{max-height:85vh;overflow:auto;overscroll-behavior:contain;border:1px solid #b6c8df;border-radius:12px;background:#fff;direction:ltr;-webkit-overflow-scrolling:touch}
.vilna-page{width:100%;min-width:100%}
.vilna-page img{display:block;width:100%;max-width:none;height:auto;border:0}
.vilna-credit{font-size:.85rem;margin-bottom:0}
.vilna-section [hidden]{display:none!important}

/* Keep the three learning activities visible; secondary tools stay folded. */
.exercise-formats{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.exercise-formats button{flex:1;min-height:46px;border:1px solid #b9cbe7;border-radius:10px;background:#fff;color:#173c73;padding:11px 14px;font:inherit;font-size:14px;cursor:pointer}
.exercise-formats button[aria-pressed=true]{background:#e7f0ff;border-color:#214e87;font-weight:700}
.exercise-formats[hidden],.workbook-view[hidden],.workbook-view [hidden]{display:none!important}
.workbook-view{padding:20px;border:1px solid #cbd9ee;border-radius:16px;background:#fff;margin:16px 0}
.workbook-view h2{font-size:22px;margin:0 0 10px;color:#173c73}
.workbook-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.workbook-actions a{display:inline-flex;align-items:center;min-height:46px;padding:11px 16px;border-radius:9px;text-decoration:none;border:1px solid #bdcee7;color:#214e87}
.workbook-actions .primary-button{background:#163e77;border-color:#163e77;color:white}
#workbook-reader iframe{display:block;width:100%;height:75vh;min-height:420px;border:1px solid #cbd9ee;border-radius:10px;background:#f3f6fb}
@media(max-width:650px){.workbook-view{padding:14px}.workbook-view h2{font-size:20px}.workbook-actions a{width:100%;justify-content:center}#workbook-reader iframe{height:65vh;min-height:360px}}
.reader-main .reader-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.reader-main .reader-actions button{justify-content:center;text-align:center;padding:12px 8px;background:#f2f6fd;border-color:#b9cbe7;color:#173c73}
.reader-main .reader-actions button[aria-pressed=true]{background:#163e77;color:white;border-color:#163e77}
.change-page,.reading-settings,.reading-extras{font-size:14px;margin:12px 0;color:#335579}
.change-page summary,.reading-settings summary,.reading-extras summary,#listen-view summary{cursor:pointer;padding:10px 0;min-height:44px}
.unit-control{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px;color:#173c73}
.unit-control select{flex:1;min-width:0;max-width:100%;padding:11px;border:1px solid #b9cbe7;border-radius:10px;background:white;font-size:15px}
.unit-heading{margin:0;padding:18px 20px;background:#eaf2ff;color:#153c73;font-size:21px}
.secondary-actions{display:flex;flex-wrap:wrap;gap:8px}.secondary-actions button,.secondary-actions a{padding:9px 12px;border:1px solid #b9cbe7;border-radius:9px;background:#f5f8fd;color:#173c73;font-size:14px;text-decoration:none}
#listen-view{padding:20px;background:#f6f9ff;border:1px solid #cad9ef;border-radius:16px;margin:18px 0;color:#173451}
#listen-view h2{margin:0;font-size:24px}#listen-transcript{line-height:1.8;font-size:18px}#existing-videos{margin-top:18px}
.listen-actions{display:flex;gap:10px;flex-wrap:wrap}.listen-actions button{min-height:44px;border-radius:9px;padding:10px 15px}.listen-actions .primary-button{background:#163e77;border-color:#163e77}
#unit-videos details{border-top:1px solid #cad9ef}#unit-videos video{width:100%;max-height:65vh;border-radius:10px;background:#071a35}
body:has(.reader-main) .tq-shortcuts{display:none}
.reader-main .inline-recap .recap-words{display:none}.reader-main .inline-recap .recap-kicker{display:none}
.reader-main .inline-recap .recap-he-title{display:none}.reader-main .inline-recap{border-inline-start:3px solid #668bc4;background:#f6f9ff;border-color:#ccd9ee}
@media(max-width:650px){.reader-main .reader-actions{gap:5px}.reader-main .reader-actions button{font-size:12px;line-height:1.4;min-height:50px;padding:8px 4px}.unit-control select{font-size:13px}.unit-heading{font-size:19px;padding:15px 12px}#listen-view{padding:16px}}
/* Study a single logical unit, with one stable position across all activities. */
.reader-main{max-width:1000px;color:#18304d}.reader-heading h1{font-size:27px;color:#112d56}.reader-heading p{color:#55708e}.reader-main .change-page{margin:4px 0}.unit-position{background:#102b53;color:#fff;padding:18px 20px;border-radius:16px;margin:14px 0}.unit-position-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.text-button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:8px;min-height:40px;font-size:12px}.unit-position .unit-control{margin:5px 0 10px}.unit-position .unit-control select{border:0;color:#fff;background:#203e66;font-size:18px;font-weight:650;padding:13px 10px;width:100%;text-overflow:ellipsis}.unit-position option{color:#142e52;background:white}.unit-position progress{display:block;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;accent-color:#82baff}.unit-position progress::-webkit-progress-bar{background:#385274}.unit-position progress::-webkit-progress-value{background:#8fc8ff}.unit-bounds{font-size:12px;color:#e0edff;margin-top:8px}.unit-bounds summary{cursor:pointer;padding:5px 0}.unit-bounds p{margin:7px 0}.unit-bounds p[lang=he]{font-size:18px}.unit-position #unit-bridge{font-size:13px;color:#e5efff;margin:8px 0 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reader-main .reader-actions{margin:12px 0 18px}.reader-main .reader-actions button{border-radius:10px;min-height:48px;font-weight:650}.reader-main .reader-actions button[aria-pressed=true]{background:#163e77;border-color:#163e77}.reader-main .daf-boundary{display:none}.reader-main .reading-summary{font-size:12px;color:#526c88}.reader-main .reader-tip{color:#526c88}.reader-main .column-headings{background:#edf3fc;color:#25466f}.reader-main .passage-source{background:#f3f6fb;color:#677e9b}.reader-main .translation-cell{background:#fff;border-color:#e0e7f0}.reader-main .text-passage{background:#fff;border-color:#d7e1ef}.reader-main .passage-row+.passage-row{border-color:#e7edf5}.reader-main .illustration-card{max-width:720px;margin:20px auto;border-color:#d2dfef;background:#fff}.reader-main .illustration-card img{max-height:none;object-fit:contain}.reader-main .image-frame{max-width:100%;margin:auto;background:#f5f7fb}.reader-main .image-frame img{width:auto;max-width:100%;margin:auto;max-height:none}.reader-main .image-open{background:#e9f1ff;color:#254d7d;font-weight:650}.reader-main .media-card h3{color:#234a7e}.reader-main .media-card figcaption{padding:14px 18px}.reader-main .media-card small{color:#5e7591}.story-panel{position:relative;aspect-ratio:1;overflow:hidden;max-width:100%;background:#edf3fa}.story-panel img{position:absolute!important;width:300%!important;height:200%!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.unit-takeaway{margin:20px 0;padding:16px 20px;border-left:3px solid #e0b05c;background:#fff8e9;border-radius:0 12px 12px 0;color:#3e4d5c}.unit-takeaway strong{font-size:13px}.unit-takeaway p{margin:7px 0 0;font-size:17px;line-height:1.7}.unit-turns{position:sticky;bottom:8px;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px;background:#fffffff5;border:1px solid #cad9ed;border-radius:14px;box-shadow:0 6px 30px #162c5820;margin:22px 0}.unit-turns button{min-height:44px;padding:10px 14px;border-radius:9px;background:#edf3ff;color:#214b7f;border:1px solid #c9d9ef;font-size:14px;font-weight:650}.unit-turns button:last-child{background:#153d77;color:white;border-color:#153d77}.unit-turns span{font-size:11px;white-space:nowrap;color:#4c6384}.media-kicker{font-size:11px;letter-spacing:.07em;font-weight:800;color:#54749c;margin:0 0 6px}#listen-view h2{font-size:21px}#unit-videos{margin:16px 0 20px}#unit-videos video{width:100%;display:block;max-height:65vh;border-radius:10px;background:#091a32}.video-caption{font-weight:650;font-size:16px;margin:12px 0 4px}.video-refs{font-size:11px;color:#58718f;display:block}.film-turns,.comic-turns{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.film-turns button,.comic-turns button,.video-error button{min-height:42px;border:1px solid #bdcee7;border-radius:8px;padding:8px 12px;background:#fff;color:#244c7e}.film-turns span,.comic-turns span{font-size:12px;white-space:nowrap}.video-error{padding:12px;background:#fff1e8;border-radius:10px}.video-error a{display:inline-block;margin:8px}#unit-comics{max-width:800px;margin:auto}#unit-comics .comic-card img{max-height:none;width:100%;height:auto}.comic-story{display:grid;grid-template-columns:1fr 1fr;gap:15px}.comic-story .comic-card:last-child:nth-child(odd){grid-column:1/-1;max-width:520px;justify-self:center;width:100%}.media-dialog{border:0;border-radius:14px;max-width:96vw;width:1000px;max-height:96dvh;padding:15px;color:#16375f}.media-dialog::backdrop{background:#071326d9}.media-dialog-toolbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;background:white;padding:5px 0 12px;z-index:3}.media-dialog-toolbar strong{flex:1;font-size:15px}.media-dialog-toolbar button{min-width:42px;min-height:42px;border:1px solid #bdcee7;border-radius:8px;background:#f1f6ff;color:#234b7c}.media-dialog p{font-size:14px}.media-dialog #media-dialog-viewport{overflow:auto;max-height:72dvh;background:#e9eef4;overscroll-behavior:contain}.media-dialog img{display:block;width:100%;height:auto;max-width:none}.media-dialog #media-dialog-original{display:block;padding:12px;font-size:13px}.reader-main .comic-heading,.reader-main #comic-gallery{display:none}.reader-main .unit-heading{display:block;width:100%;text-align:start;border:0;cursor:pointer}.reader-main .unit-heading:hover{background:#dceaff}.reader-main .source-notes{font-size:12px}
@media(max-width:650px){.unit-position{padding:14px 12px}.unit-position .unit-control select{font-size:16px}.unit-position-top{font-size:12px}.unit-position .text-button{font-size:11px}.reader-main .reader-actions button{font-size:14px}.reader-main .illustration-card{margin:16px 8px}.reader-main .passage-he{font-size:22px;line-height:1.8}.reader-main .passage-fr{font-size:16px;line-height:1.8}.unit-turns{gap:6px;padding:8px;bottom:6px}.unit-turns button{font-size:12px;padding:9px 7px}.unit-turns span{font-size:10px}.comic-story{grid-template-columns:1fr}.comic-story .comic-card:last-child:nth-child(odd){max-width:none}.media-dialog{padding:10px}.media-dialog-toolbar strong{font-size:13px}.reader-main .recap-visuals .media-card img{max-height:none}}

/* Keep a visible image surface while loading, including narrow mobile screens. */
.reader-main .inline-illustrations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 14px;align-items:start}
.reader-main .inline-illustrations:has(>.media-card:only-child){grid-template-columns:1fr}
.reader-main .inline-illustrations>.illustration-card{width:100%;max-width:620px;margin:0 auto}
.reader-main .image-frame,.media-dialog .image-frame{display:block;position:relative;width:100%;min-height:140px;overflow:hidden;background:#f2f6fc}
.reader-main .image-frame img,.media-dialog .image-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;margin:0}
.reader-main .story-panel,.media-dialog .story-panel{display:block;width:100%;min-height:140px}
.story-panel img{width:var(--scene-width,300%)!important;height:var(--scene-height,200%)!important}
.reader-main .inline-illustrations h3{font-size:17px}.reader-main .inline-illustrations p{font-size:15px;line-height:1.6}
@media(max-width:520px){.reader-main .inline-illustrations{grid-template-columns:1fr;padding:14px 8px;gap:16px}.reader-main .inline-illustrations>.illustration-card{max-width:100%}}
.media-dialog #media-dialog-stage{max-width:none}

.film-chapters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;font-size:14px;font-weight:650;color:#244c7e}.film-chapters select{min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #bdcee7;border-radius:8px;background:white;color:#244c7e;font:inherit}

/* Bilingual text listening stays in the study view, above the original text. */
.word-audio{background:#fff9e9;border:1px solid #e4d6aa;border-radius:18px;padding:22px;margin:20px 0 30px;box-shadow:0 5px 18px #213b3510}
.word-audio h2{font-size:1.25rem;margin:0 0 8px;color:#194b42}
.word-audio-settings{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.word-audio-settings label{display:grid;gap:5px;flex:1 1 150px;font-size:.88rem;min-width:0}.word-audio-settings select{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #bfc9c3;border-radius:8px;background:white;color:#223d36;font:inherit}
.word-current{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:white;border-radius:12px;padding:12px;margin:18px 0;align-items:center}.word-current p{margin:0;padding:12px;border-radius:8px;overflow-wrap:anywhere}.word-current #word-current-he{grid-column:2;grid-row:1;font-size:1.65rem;line-height:1.8}.word-current #word-current-fr{grid-column:1;grid-row:1;line-height:1.6}.word-current .audio-speaking{background:#e5f3ed;box-shadow:inset 0 -3px #34866c}
.word-audio-actions{display:flex;flex-wrap:wrap;gap:8px}.word-audio button{min-height:44px;cursor:pointer;border-radius:9px;padding:10px 14px}.word-audio button:disabled{opacity:.5;cursor:default}.word-audio-position{display:flex;justify-content:center;gap:16px;align-items:center;margin:15px 0 7px;direction:ltr}.word-audio progress{width:100%;height:9px;accent-color:#29735e}.word-audio small{display:block;color:#65746c;margin-top:6px}.word-audio details{margin-top:14px}.word-audio summary{cursor:pointer;padding:8px 0;color:#285c4f}.word-audio #word-status{color:#61491d;line-height:1.6}.word-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;max-height:330px;overflow:auto;padding:8px 2px}.word-list button{display:flex;flex-direction:column;gap:6px;background:white;border:1px solid #d9ddd8;text-align:center}.word-list span[lang=he]{font-size:1.3rem}.word-list button[aria-current=true]{border:2px solid #28745d;background:#e9f4ed}.passage-source.audio-current-passage{background:#fff0b9;border-inline-start:4px solid #b88724;padding:8px}.word-audio button:focus-visible,.word-audio select:focus-visible,.word-audio summary:focus-visible{outline:3px solid #1f6f61;outline-offset:3px}
@media(max-width:560px){.word-audio{padding:15px}.word-current{gap:4px;padding:5px;grid-template-columns:1fr}.word-current #word-current-he{grid-column:1;grid-row:1;text-align:center}.word-current #word-current-fr{grid-column:1;grid-row:2;text-align:center}.word-audio-actions button{flex:1 1 auto}.word-audio-settings label{flex-basis:100%}}

/* One compact audio panel; the passage and playback controls stay first. */
.word-audio-preferences{border:1px solid #d9dfeb;border-radius:10px;background:#fff}
.word-audio .word-audio-preferences>summary{padding:11px 14px;min-height:44px;box-sizing:border-box;font-weight:650;color:#1a3b68}
.word-audio-preferences[open]{padding:0 14px 12px}
.word-audio-preferences[open]>summary{margin:0 -14px;border-bottom:1px solid #e6e9ef}
.word-voice-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.word-voice-choices>div{display:grid;align-content:start;gap:8px;min-width:0}
.word-voice-choices label{font-size:.9rem;font-weight:650}
.word-voice-choices select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #bfc9c3;border-radius:8px;background:#fff;color:#223d36;font:inherit}
.word-voice-choices button{background:#eef3fb;color:#1a3b68;border:1px solid #c9d6ea;font:inherit}
.word-audio #word-voice-test-status:empty,.word-voice-choices small:empty{display:none}
@media(max-width:560px){.word-voice-choices{grid-template-columns:1fr}}

/* Tap to translate: compact controls, no drag gestures or keyboard required. */
.translation-format{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:14px 0 0;font-size:14px;font-weight:650;color:#19385f}
.translation-format select{min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #bdcce1;border-radius:9px;background:white;color:#19385f;font:inherit}
#translation-format-help{margin:6px 0}#order-instruction{margin-top:0}
.order-answer,.order-bank{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-radius:10px;min-width:0}
.order-answer{min-height:68px;background:#fff8e8;border:1px dashed #c8a960;margin:12px 0}
.order-bank{background:#f0f4fb;border:1px solid #d8e2f0}
.order-piece{font:inherit;font-size:17px;line-height:1.4;min-height:44px;max-width:100%;overflow-wrap:anywhere;padding:9px 12px;border:1px solid #c4d2e6;border-radius:9px;background:white;color:#183b6a;box-shadow:0 2px 0 #17386412}
.order-answer .order-piece{border-color:#c8a960;background:#fffdf8}.order-bank .order-piece:disabled{opacity:.25}
.order-placeholder{font-size:14px;color:#64748b}.order-actions{display:flex;gap:10px}.order-actions button{font:inherit;min-height:44px;padding:10px 16px;border-radius:9px;border:1px solid #bfcce0;background:white;color:#19385f}.order-actions .primary-button{background:#163e77;border-color:#163e77;color:white}
.order-piece:focus-visible{outline:3px solid #426aa1;outline-offset:2px}
@media(max-width:520px){.translation-format{align-items:stretch}.translation-format select{width:100%}.order-answer,.order-bank{padding:10px;gap:7px}.order-piece{font-size:16px;padding:9px 10px}}

.practice-controls:has(#translation-format-control:not([hidden])){display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:10px;align-items:end}
.practice-controls .skill-tabs{grid-column:1/-1}.practice-controls .level-label{min-width:0;width:auto}
.practice-controls .translation-format{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;min-width:0;font-size:13px}
.practice-controls .level-label select,.practice-controls .translation-format select{min-width:0;width:100%;min-height:44px;font-size:14px;padding:9px 7px}
.passage-help{margin:.65rem 0 1.2rem;padding:.65rem .9rem;border:1px solid #d8dfeb;border-radius:10px;background:#f7f9fc;color:#172c48;font-size:1rem;line-height:1.55}
.passage-help summary{cursor:pointer;font-weight:700;min-height:28px}
.passage-help dl{margin:.7rem 0 0}.passage-help dt{font-weight:700;margin-top:.55rem}.passage-help dd{margin:0}

/* A direct user gesture starts audible inline video on mobile. */
.film-playback{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:10px 0}.film-playback .primary-button{background:#163e77;border-color:#163e77;font:inherit;font-weight:650;min-height:48px;max-width:100%}.film-playback .primary-button:disabled{opacity:.6}.film-playback .reader-tip{margin:0}.film-playback .reader-tip:empty{display:none}
