.reader{height:calc(100vh - 76px);background:var(--paper)}.reader-body{display:grid;grid-template-columns:minmax(0,1fr) 368px;grid-template-areas:"content index";height:100%;min-height:0}.reader-index{grid-area:index;align-self:start;min-width:0;max-height:calc(100% - 48px);display:flex;flex-direction:column;margin:24px;padding:12px;overflow-y:auto;border:1px solid rgba(23,23,23,.13);border-radius:24px;background:var(--paper);scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent}.reader-index-heading{display:flex;align-items:center;gap:13px;min-height:82px;padding:13px 14px;border:1px solid rgba(23,23,23,.09);border-radius:17px;background:#f7f7f5}.reader-index-heading>div{display:grid;flex:1 1;grid-gap:4px;gap:4px;min-width:0}.reader-index-heading b{overflow:hidden;font-size:16px;line-height:1.45;text-overflow:ellipsis}.reader-index-heading small{display:block;color:#848484;font-size:10px;font-weight:800;letter-spacing:.06em}.reader-index-list{display:grid;align-content:start;grid-gap:5px;gap:5px;padding:18px 4px 6px}.reader-index-item{display:grid;direction:ltr;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"check title";align-items:center;grid-gap:8px;gap:8px;min-height:46px;padding:4px 8px 4px 4px;border-radius:9px;transition:background .15s ease}[dir=rtl] .reader-index-item{grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"title check";padding:4px 4px 4px 8px}.reader-index-item.active-lesson,.reader-index-item:hover{background:rgba(23,23,23,.055)}.reader-index-item.active-lesson{color:var(--ink);font-weight:800}.reader-index-item .lesson-button{grid-area:title;margin:0;padding:8px;color:inherit}[dir=rtl] .reader-index-item .lesson-button{direction:rtl}.reader-index-item .lesson-button span{color:#919191;font-size:10px}.reader-index-item .lesson-button:hover{background:transparent}.reader-index-backdrop,.reader-index-close,.reader-index-trigger{display:none}[dir=rtl] .reader-body{direction:ltr;grid-template-columns:368px minmax(0,1fr);grid-template-areas:"index content"}[dir=rtl] .reader article,[dir=rtl] .reader-index{direction:rtl}.reader article{grid-area:content;width:min(100%,920px);height:100%;margin:auto;padding:64px 54px 80px;overflow:auto}.reader article>.eyebrow{text-align:center}.reader-toolbar{min-height:36px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:12px}@media (min-width:1101px){.reader article{-webkit-padding-before:112px;padding-block-start:112px}.reader-toolbar{position:fixed;z-index:30;inset-block-end:40px;inset-inline-end:calc(368px + max(0px, (100vw - var(--site-sidebar-width) - 368px - 920px) / 2) + 54px);min-height:0;margin:0;pointer-events:none}.reader-toolbar .reader-text-size{pointer-events:auto;box-shadow:0 8px 24px rgb(23 23 23/12%)}.reader-toolbar .reader-text-size button{width:30px}.reader-toolbar .reader-text-size span{min-width:42px}}.reader-text-size{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#fff}.reader-text-size button{width:36px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast)}.reader-text-size button:hover:not(:disabled){background:color-mix(in srgb,var(--green) 8%,#fff)}.reader-text-size button:disabled{color:#adadad;cursor:not-allowed}.reader-text-size span{min-width:50px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-inline:1px solid var(--line);color:#6e6e6e;font-size:12px;font-weight:750}.reader-scale-action-label{display:none}.reader-offline-status{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--green);font-size:12px;font-weight:750}.reader article h1{font:500 50px var(--font-display);letter-spacing:-2px;margin:14px auto 34px;text-align:center;text-wrap:balance}[dir=rtl] .reader article>h1{font-family:var(--font-display-arabic);letter-spacing:0}.reader article>.chapter-content{width:100%;margin:0 auto;white-space:normal;padding:clamp(26px,4vw,44px);border-radius:20px;background:#eeece6;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.85;text-align:start;overflow-wrap:anywhere;overflow-x:hidden}[dir=rtl] .reader article>.chapter-content{font-family:var(--font-arabic);font-weight:var(--font-arabic-body-weight)}.reader article>.chapter-content .chapter-content-zoom{min-width:0;transform-origin:top start}[dir=rtl] .reader article>.chapter-content,[dir=rtl] .reader article>.chapter-content *{font-family:var(--font-arabic)!important}.reader article>.chapter-content>.chapter-content-zoom>:first-child{margin-top:0}.reader article>.chapter-content>.chapter-content-zoom>:last-child{margin-bottom:0}.reader article .chapter-content h1,.reader article .chapter-content h2,.reader article .chapter-content h3{color:var(--ink);font-family:var(--font-display);font-weight:700;line-height:1.5;text-wrap:balance}[dir=rtl] .reader article .chapter-content h1,[dir=rtl] .reader article .chapter-content h2,[dir=rtl] .reader article .chapter-content h3{font-family:var(--font-arabic);font-weight:var(--font-arabic-heading-weight)}.reader article .chapter-content h1{margin:1.5em 0 .65em;font-size:30px}.reader article .chapter-content h2{margin:1.5em 0 .65em;font-size:24px}.reader article .chapter-content h3{margin:1.5em 0 .65em;font-size:20px}.reader article .chapter-content p{margin:0 0 1.15em;line-height:1.85;color:#4e4e4e}.reader article .chapter-content p:empty,.reader article .chapter-content p:has(>br:only-child){display:none}.reader article .chapter-content ol,.reader article .chapter-content ul{display:grid;grid-row-gap:.75em;row-gap:.75em;margin:1em 0 1.25em;-webkit-padding-start:1.6em;padding-inline-start:1.6em}.reader article .chapter-content li>p{margin-bottom:0}.reader article .chapter-content blockquote{margin:1.5em 0;padding:.8em 1.1em;-webkit-border-start:4px solid var(--green);border-inline-start:4px solid var(--green);border-radius:8px;background:rgba(255,255,255,.55);color:#5c5c5c}.reader article .chapter-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.reader article .chapter-content hr{margin:2.2em 0;border:0;border-top:1px solid rgba(23,23,23,.16)}.reader article .chapter-content pre{overflow-x:auto;padding:1em;border-radius:10px;background:#171717;color:#fff;direction:ltr;text-align:left}.reader article .chapter-content table{width:100%;margin:1.5em 0;border-collapse:collapse}.reader article .chapter-content td,.reader article .chapter-content th{padding:.7em;border:1px solid rgba(23,23,23,.16)}.reader .lead{font:400 21px/1.5 var(--font-display);color:#666666}.reader-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:38px}.reader-navigation .reader-nav-button{min-width:172px}.reader-navigation .reader-nav-button:only-child{-webkit-margin-start:auto;margin-inline-start:auto}@media (max-width:800px){.reader-body{grid-template-columns:1fr}.reader-body>aside{display:none}.reader article{padding:40px 24px}.reader-toolbar{margin-bottom:8px}}@media (max-width:1100px){.reader{min-height:calc(100vh - 76px);height:auto}.reader-body,[dir=rtl] .reader-body{display:block;min-height:calc(100vh - 76px)}.reader-body>.reader-index{position:fixed;z-index:65;inset-block:92px auto;inset-inline-end:16px;width:min(360px,calc(100vw - 32px));display:flex;margin:0;max-height:calc(100vh - 108px);transform:translateX(105%);transition:transform .2s ease}[dir=rtl] .reader-body>.reader-index{transform:translateX(-105%)}.reader-body.index-open>.reader-index,[dir=rtl] .reader-body.index-open>.reader-index{transform:translateX(0)}.reader-index-close,.reader-index-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.reader-index-close{width:34px;height:34px;flex:0 0 auto;padding:0;border-radius:50%;-webkit-margin-start:auto;margin-inline-start:auto}.reader-index-trigger{min-height:40px;margin-bottom:34px;padding:0 13px;border-radius:8px;font:inherit;font-size:12px;font-weight:750}.reader-index-backdrop{position:fixed;z-index:60;inset:76px 0 0;width:100%;height:auto;border:0;background:rgba(23,23,23,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reader-body.index-open .reader-index-backdrop{display:block}.reader article{width:min(100%,820px);height:auto;min-height:calc(100vh - 76px);padding:48px 34px 72px;overflow:visible}}@media (max-width:680px){.reader,.reader-body,[dir=rtl] .reader-body{min-height:calc(100vh - 116px)}.reader-body>.reader-index{inset-block-start:132px;max-height:calc(100vh - 148px)}.reader-index-backdrop{inset-block-start:116px}.reader article{min-height:calc(100vh - 116px);padding:34px 22px calc(112px + env(safe-area-inset-bottom))}.reader article h1{font-size:40px}.reader-toolbar{min-height:0;align-items:center;flex-flow:row wrap}.reader-text-size{position:fixed;z-index:58;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);grid-gap:8px;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 -12px 34px rgb(23 23 23/12%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reader-body.index-open .reader-text-size{visibility:hidden;pointer-events:none}.reader-text-size button{width:100%;min-height:48px;height:auto;display:inline-flex;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px}.reader-text-size span{min-width:0;min-height:48px;border:0;font-size:13px}.reader-scale-action-label{display:inline;font:700 13px var(--font-ui-arabic)}.reader-offline-status{justify-content:center}.reader-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.reader-navigation .reader-nav-button{width:100%;min-width:0;margin-inline:0;justify-content:center}.reader-navigation .reader-nav-button:only-child{grid-column:2;-webkit-margin-start:0;margin-inline-start:0}}