.reader-page{width:100%;max-width:1080px;margin-inline:auto}.reader-page>h2{font-size:32px}.reader-page>.intro{max-width:760px}.reader-recommendation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#edf6ff;border:1px solid #d5e7f8;border-radius:8px;margin:18px 0 10px}.reader-recommendation .screen-label{font-size:10px;color:#547c9e}.reader-recommendation strong{display:block;font-size:16px;color:#254b6e;margin-top:3px}.reader-recommendation p{max-width:740px;margin-top:5px;color:#627b94;font-size:13px;line-height:1.55}.reader-recommendation>button{flex:none;min-height:44px;padding:10px 16px;border:1px solid #bbd6ed;border-radius:6px;background:#fff;color:#2a74ba;font-weight:700}.reader-difficulty{display:flex;gap:8px;margin-bottom:13px}.reader-difficulty button{min-height:44px;border:1px solid #d5e4f1;background:#fff;color:#3e6a91;padding:10px 14px;border-radius:6px;font-size:13px}.reader-difficulty button:nth-child(2){background:#f4f9ff}.reader-difficulty button:disabled{opacity:.4;cursor:default}.reader-library{margin:14px 0;border:1px solid #d6e5f1;border-radius:8px;background:#fff;padding:0 16px}.reader-library>summary{min-height:48px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:700;color:#416987}.reader-library>summary:before{content:'＋';font-size:19px;color:#6194c4}.reader-library[open]>summary:before{content:'−'}.reader-topic-list{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #e6eef5;padding-top:14px}.reader-topic-list button{min-height:40px;font-size:12px;border:1px solid #dce8f2;border-radius:6px;padding:8px 12px;color:#58758f;background:#fff}.reader-topic-list button[aria-pressed=true]{background:#eaf4ff;border-color:#a8cbe9;color:#236cb1}.reader-library .text-level-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 16px;gap:9px}.reader-library .text-level-list button{padding:12px;border-color:#d6e5f2}.reader-library .text-level-list strong{font-size:14px}.reader-library .text-level-list small{font-size:12px}.reader-library .text-level-list span{font-size:10px}.reader-story-heading{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;margin:-20px -24px 20px;background:#eef5fc;border-bottom:1px solid #dce9f5;overflow:hidden;border-radius:8px 8px 0 0}.reader-story-heading .catalog-cover{height:108px;aspect-ratio:auto}.reader-story-heading>div{padding-right:18px}.reader-story-heading span{font-size:12px;color:#6c86a0}.reader-story-heading h3{margin-top:5px;color:#234b71;font-size:25px;line-height:1.3}.reader-page .reader-panel{padding:20px 24px 16px;overflow:hidden;margin-top:14px}.reader-page .reader-toolbar{margin-bottom:12px;gap:8px}.reader-page .reader-toolbar button{min-height:44px;font-size:13px;padding:10px 14px;border-color:#d5e6f4;color:#376a96}.reader-page .reader-text{font:400 29px/1.9 'Noto Sans Hebrew',Arial;color:#223f5c;text-align:right;overflow-wrap:normal}.reader-paragraph{margin:0 0 14px}.reader-paragraph:last-child{margin-bottom:0}.reader-page .text-word{display:inline-block;min-height:44px;font:inherit;line-height:inherit;background:transparent;border:0;border-bottom:1px dotted #bccfdf;border-radius:3px;padding:0 2px;margin:0;vertical-align:baseline;color:inherit}.reader-page .text-word:hover,.reader-page .text-word:focus-visible{background:#edf5fd;outline:2px solid #6da9de;outline-offset:1px}.reader-page .text-word.revealed{background:#e4f1fe;box-shadow:none;border-bottom-color:#3a87cc}.reader-glossary{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:18px;padding:12px 15px;background:#eff6fd;border:1px solid #d4e6f5;border-radius:8px;color:#2c5070}.reader-glossary>strong{font:500 25px/1.4 'Noto Sans Hebrew',Arial}.reader-glossary>span{font-size:13px;color:#547592}.reader-glossary>p{font-size:13px;line-height:1.5;margin:0}.reader-glossary>div{display:flex;gap:6px}.reader-glossary button{min-height:42px;padding:9px 12px;font-size:12px;border:1px solid #bcd7ed;border-radius:6px;background:#fff;color:#276da7;white-space:nowrap}.reader-glossary button:disabled{color:#538766;background:#f5fbf7;border-color:#c7dfd0;cursor:default}.reader-glossary-empty{display:block;padding:13px 15px}.reader-glossary-empty>span{font-weight:700;color:#3f698c}.reader-glossary-empty>p{color:#69849c;margin-top:4px}.reader-page .reader-translation{margin-top:16px;border-color:#e0eaf4;padding-top:11px}.reader-page .reader-translation summary{min-height:36px;font-size:14px;font-weight:700}.reader-page .reader-translation p{font-size:15px;line-height:1.75;color:#577087;margin-bottom:8px}.reader-audio-note{margin-top:11px;font-size:11px;color:#8296a9;line-height:1.6}.reader-page .reader-questions{padding:20px 24px;border-color:#d6e5f1}.reader-page .reader-question-head{margin-bottom:14px}.reader-page .reader-question-head .screen-label{font-size:11px;color:#5b7d9a}.reader-page .reader-question-head strong{font-size:12px;color:#6f88a1;font-weight:500}.reader-page .reader-question h3{font-size:16px;line-height:1.5}.reader-page .reader-question-options{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-page .reader-question-options button{min-height:44px;font-size:13px;font-weight:600;line-height:1.5}.reader-coach-line{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#eff7ff;border:1px solid #d7e9f8;border-radius:8px;margin-bottom:14px}.reader-coach-line img{width:50px;height:50px;object-fit:contain;flex:none}.reader-coach-line strong{font-size:14px;color:#2e5a82}.reader-coach-line p{font-size:14px;line-height:1.6;color:#5f7d98;margin-top:5px}.reader-coach-line small{font-size:12px;color:#7b92a8;display:block;margin-top:5px}.reader-page .reader-finish .primary{font-size:14px;min-height:46px}.reader-page .reader-finish .curr-secondary{min-height:44px;font-size:13px}.reader-page .course-links{margin-top:18px}.reader-page .course-links button{min-height:44px}.reader-page button:focus-visible,.reader-page summary:focus-visible{outline:3px solid #6ea9df;outline-offset:3px}
@media(max-width:760px){.reader-library .text-level-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-glossary{grid-template-columns:auto 1fr;gap:5px 12px}.reader-glossary>p{grid-column:1/3}.reader-glossary>div{grid-column:1/3;margin-top:6px}.reader-glossary>div button{flex:1}.reader-page .reader-question-options{grid-template-columns:1fr}.reader-page .reader-question-head{align-items:flex-start;flex-direction:column;gap:5px}.reader-story-heading{grid-template-columns:126px 1fr;gap:14px}.reader-story-heading .catalog-cover{height:96px}.reader-story-heading h3{font-size:22px}}
@media(max-width:520px){.reader-page>h2{font-size:26px}.reader-recommendation{padding:13px 14px;align-items:flex-start;gap:10px}.reader-recommendation strong{font-size:14px}.reader-recommendation p{font-size:12px}.reader-recommendation>button{min-height:42px;padding:9px 10px;font-size:12px}.reader-difficulty{gap:6px}.reader-difficulty button{flex:1;min-width:0;padding:9px 8px;font-size:12px}.reader-library{padding-inline:12px}.reader-library>summary{font-size:13px}.reader-topic-list{gap:6px}.reader-topic-list button{padding-inline:10px}.reader-library .text-level-list{gap:8px}.reader-library .text-level-list button{padding:10px}.reader-library .text-level-list strong{font-size:13px}.reader-library .text-level-list small{font-size:11px}.reader-page .reader-panel{padding:16px 14px 13px}.reader-story-heading{margin:-16px -14px 15px;grid-template-columns:100px 1fr;gap:11px}.reader-story-heading .catalog-cover{height:86px}.reader-story-heading span{font-size:11px}.reader-story-heading h3{font-size:19px}.reader-page .reader-toolbar{gap:6px}.reader-page .reader-toolbar button{flex:1;min-width:0;padding:9px 6px;font-size:11px}.reader-page .reader-text{font-size:25px;line-height:2.05}.reader-page .reader-translation p{font-size:14px}.reader-page .reader-questions{padding:16px 14px}.reader-page .reader-question h3{font-size:15px}.reader-coach-line{padding:12px;gap:10px}.reader-coach-line img{width:42px;height:42px}.reader-coach-line p{font-size:13px}.reader-page .reader-finish .primary{font-size:13px}}
.reader-word-help{margin:0 0 12px;color:#6b8299;font-size:12px;line-height:1.6}
.ulpan-passage .lesson-reading-text p{margin:0 0 12px;white-space:pre-wrap}
.ulpan-passage .lesson-reading-text p:last-child{margin-bottom:0}
.ulpan-passage .text-word{display:inline-block;vertical-align:baseline;min-height:44px;margin:0;padding:0 2px;font:inherit;line-height:inherit;color:inherit;background:transparent;border:0;border-bottom:1px dotted #bccfdf;border-radius:3px}
.ulpan-passage .text-word:hover,.ulpan-passage .text-word:focus-visible{background:#edf5fd;outline:2px solid #6da9de;outline-offset:1px}
.ulpan-passage .text-word.revealed{background:#e4f1fe;box-shadow:none;border-bottom-color:#3a87cc}
.reader-word-popover{position:fixed;z-index:30;box-sizing:border-box;direction:ltr;padding:17px;background:#fff;border:1px solid #b9d6ed;border-radius:10px;box-shadow:0 10px 35px rgba(35,74,109,.2);color:#294d6c;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere;max-width:calc(100vw - 16px)}
.reader-word-popover[hidden]{display:none}
.reader-word-popover:focus{outline:none}
.reader-word-popover h3{font:500 29px/1.5 'Noto Sans Hebrew',Arial,sans-serif;margin:0 30px 3px;text-align:center;color:#244e73}
.reader-word-phon{margin:0;color:#5f7b94;text-align:center;font-size:13px;line-height:1.6}
.reader-word-meaning{margin:10px 0 13px;color:#294d6c;font-size:15px;line-height:1.6;text-align:center}
.reader-word-actions{display:flex;gap:7px}
.reader-word-popover button{min-height:44px;border:1px solid #bcd7ed;border-radius:6px;background:#eff7ff;color:#276da7;font:600 12px/1.4 Manrope,Arial,sans-serif;padding:9px 10px;cursor:pointer}
.reader-word-actions button{flex:1;min-width:0}
.reader-word-popover .reader-word-close{position:absolute;top:6px;right:6px;width:36px;min-height:36px;padding:0;font-size:24px;font-weight:400;background:transparent;border:0;color:#63829b}
.reader-word-popover button:focus-visible{outline:3px solid #6ea9df;outline-offset:2px}
.reader-word-popover button:disabled{color:#538766;background:#f5fbf7;border-color:#c7dfd0;cursor:default}
@media(max-width:520px){.reader-word-popover{padding:14px}.reader-word-popover h3{font-size:26px}.reader-word-meaning{font-size:14px;margin-top:8px}.reader-word-actions{gap:6px}.reader-word-actions button{font-size:11px;padding-inline:7px}}