.reader-page{max-width:1480px;margin:0 auto;padding:14px 24px 24px;color:var(--text,#243733);font-family:var(--sans,Jakarta,system-ui,sans-serif)}
.reader-page[lang=ur],.reader-page[lang=ar]{font-family:Naskh,serif}
.reader-page [hidden]{display:none!important}.reader-page *,.reader-page *:before,.reader-page *:after{box-sizing:border-box}
.reader-page svg{width:18px;height:18px;flex:0 0 18px}.reader-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.reader-heading{min-width:0}
.reader-back{display:inline-flex;align-items:center;gap:6px;min-height:30px;color:var(--slate,#64748b);font-size:12px;text-decoration:none;margin-bottom:2px}.reader-back:hover{color:var(--blue,#2563eb)}.reader-page[dir=rtl] .reader-back svg{transform:scaleX(-1)}
.reader-heading h1{margin:0;font-size:clamp(18px,2vw,25px);line-height:1.4;font-family:var(--serif,Editorial,Georgia,serif);font-weight:500;overflow-wrap:anywhere}.reader-page .reader-heading h1[lang=en]{font-family:var(--serif,Editorial,Georgia,serif);direction:ltr;letter-spacing:-.015em;font-size:clamp(18px,2vw,25px);line-height:1.4}.reader-page .reader-heading h1:is([lang=ur],[lang=ar]){font-family:Naskh,serif;direction:rtl;letter-spacing:0;font-size:clamp(19px,2vw,27px);line-height:1.7}
.reader-format{flex-shrink:0;color:var(--slate,#64748b);font-size:11px;border:1px solid var(--line,#e2e8f0);padding:6px 10px;border-radius:20px;background:#fff}
.reader-shell{border:1px solid var(--line,#e2e8f0);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 24px #101d3507}
.reader-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:7px 10px;background:#fff;border-bottom:1px solid var(--line,#e2e8f0);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overscroll-behavior-x:contain;direction:ltr}
.reader-toolbar-group{display:flex;align-items:center;gap:3px;flex:0 0 auto;min-width:0;direction:ltr}.reader-toolbar-group-end{margin-inline-start:auto}.reader-toolbar-group svg{transform:none}.reader-toolbar-divider{align-self:center;flex:0 0 1px;width:1px;height:22px;background:var(--line,#e2e8f0);margin:0 5px}
.reader-page .reader-control{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;font:inherit;font-size:12px;color:var(--text,#243733);background:#fff;border:1px solid transparent;border-radius:6px;cursor:pointer;text-decoration:none;line-height:1.5;white-space:nowrap}
.reader-page .reader-control:hover:not(:disabled){background:#eff6ff;color:var(--blue,#2563eb)}.reader-page .reader-control[aria-pressed=true]{color:var(--blue,#2563eb);background:#eff6ff}.reader-page .reader-control:disabled{cursor:default;color:#94a3b8}.reader-page .reader-control[aria-busy=true]{opacity:.65;pointer-events:none}.reader-page .reader-control-primary{color:#fff;background:var(--blue,#2563eb);border-color:var(--blue,#2563eb);padding-inline:11px}.reader-page .reader-control-primary:hover:not(:disabled){color:#fff;background:#1d4ed8;border-color:#1d4ed8}
.reader-page :is(button,input,select,a,.reader-stage):focus-visible{outline:3px solid var(--blue,#2563eb);outline-offset:2px}
.reader-page-number{display:flex;align-items:center;gap:5px;margin:0;font-size:12px;color:#64748b;white-space:nowrap;direction:ltr}.reader-page-number input{width:48px;height:36px;margin:0;padding:0 4px;font:13px var(--sans,Jakarta,system-ui,sans-serif);color:var(--text,#243733);text-align:center;border:1px solid #cbd5e1;border-radius:5px;background:#fff;appearance:textfield;direction:ltr}.reader-page-number input::-webkit-inner-spin-button,.reader-page-number input::-webkit-outer-spin-button{appearance:none;margin:0}.reader-page-number input:disabled{background:#f8fafc;color:#94a3b8}.reader-page-number .reader-total{min-width:25px;color:var(--text,#243733);font-family:var(--sans,Jakarta,system-ui,sans-serif);font-variant-numeric:tabular-nums}.reader-page-separator{font-family:var(--sans,Jakarta,system-ui,sans-serif);color:#94a3b8}
.reader-mode-label{display:flex;align-items:center;gap:5px;flex:0 0 auto}.reader-mode-select{width:113px;height:36px;border:1px solid #cbd5e1;border-radius:5px;padding:0 6px;background:#fff;color:var(--text,#243733);font:12px var(--sans,Jakarta,system-ui,sans-serif);cursor:pointer}.reader-page[lang=ur] .reader-mode-select,.reader-page[lang=ar] .reader-mode-select{font-family:Naskh,serif;font-size:15px;direction:rtl}.reader-zoom-value{min-width:38px;text-align:center;font:11px var(--sans,Jakarta,system-ui,sans-serif);font-variant-numeric:tabular-nums;color:#64748b;direction:ltr}
.reader-stage{position:relative;height:calc(100dvh - 192px);max-height:1050px;min-height:320px;overflow:auto;padding:18px;background:#f1f5f9;overscroll-behavior:contain;scrollbar-gutter:stable;direction:ltr;overflow-anchor:none}
.reader-pages{display:flex;align-items:flex-start;justify-content:center;gap:16px;width:max-content;min-width:100%;direction:ltr}.reader-pages[dir=rtl]{direction:rtl}.reader-pages[data-mode=scroll]{flex-direction:column;align-items:center;gap:20px}.reader-sheet{position:relative;flex:0 0 auto;margin:0;background:#fff;box-shadow:0 2px 9px #101d351a;--scale-round-x:1px;--scale-round-y:1px;direction:ltr}.reader-sheet canvas{display:block;max-width:none}.reader-stage.is-loading .reader-pages{opacity:.94}
.reader-preview{display:grid;justify-items:center;gap:8px;min-height:280px;padding-top:12px}.reader-preview figure{margin:0;width:min(100%,430px);background:#fff;box-shadow:0 3px 14px #101d351c}.reader-preview img{display:block;width:100%;height:auto}.reader-preview figcaption{padding:8px 10px;font-size:11px;line-height:1.7;color:#64748b;background:#fff;text-align:center}.reader-preview-empty{display:grid;place-items:center;min-height:300px;color:#94a3b8}.reader-preview-empty svg{width:42px;height:42px}
.reader-status{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;gap:5px;width:min(100%,520px);margin:0 auto 12px;padding:10px 14px;border:1px solid #dbeafe;border-radius:8px;background:#ffffffed;box-shadow:0 2px 10px #101d350b;text-align:center;color:#334155;direction:inherit}.reader-loading-top{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.6}.reader-loading-top strong{font-weight:550}.reader-loading-note{font-size:11px;line-height:1.7;margin:0!important;color:#64748b!important}.reader-loading-progress{display:block;width:100%;height:3px;border:0;border-radius:3px;accent-color:var(--blue,#2563eb)}.reader-loading-progress::-webkit-progress-bar{background:#e2e8f0;border-radius:3px}.reader-loading-progress::-webkit-progress-value{background:var(--blue,#2563eb);border-radius:3px}
.reader-spinner{display:inline-block;flex:0 0 15px;width:15px;height:15px;border:2px solid #dbeafe;border-top-color:var(--blue,#2563eb);border-radius:50%;animation:reader-spin .8s linear infinite}.reader-status h2{font-family:var(--serif,Editorial,Georgia,serif);font-size:20px;line-height:1.5;margin:5px 0}.reader-status p{font-size:13px;line-height:1.7;margin:0 0 5px;color:#64748b}.reader-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:2px auto;color:#64748b}.reader-status-icon svg{width:26px;height:26px}.reader-fallback-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.reader-fallback-actions .reader-control{border-color:#cbd5e1}.reader-status.is-failure{position:relative;top:auto;margin:24px auto;padding:18px;border-color:#e2e8f0}.reader-error-sheet{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:min(100%,400px);min-height:300px;padding:20px;background:#fff;border:1px solid #e2e8f0;text-align:center;color:#64748b}
.reader-footer{display:flex;justify-content:space-between;gap:12px;padding-top:9px;color:#64748b;font-size:11px;line-height:1.7}.reader-page[lang=ur] .reader-footer,.reader-page[lang=ar] .reader-footer{font-family:Naskh,serif;font-size:14px}.reader-page[lang=ur] .reader-loading-top,.reader-page[lang=ar] .reader-loading-top{font-size:16px}.reader-page[lang=ur] .reader-loading-note,.reader-page[lang=ar] .reader-loading-note{font-size:14px}.reader-page[lang=ur] .reader-status h2,.reader-page[lang=ar] .reader-status h2{font-family:Naskh,serif;letter-spacing:0}
.reader-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reader-page:fullscreen{display:flex;flex-direction:column;max-width:none;width:100%;height:100%;padding:12px 18px;overflow:hidden;background:#f8fafc}.reader-page:fullscreen .reader-context{flex:0 0 auto;margin-bottom:8px}.reader-page:fullscreen .reader-shell{display:flex;flex-direction:column;flex:1;min-height:0}.reader-page:fullscreen .reader-stage{flex:1;min-height:0;height:auto;max-height:none}.reader-page:fullscreen .reader-heading h1{font-size:20px}.reader-page:fullscreen .reader-footer{flex:0 0 auto}
.reader-opening{display:flex;align-items:center;justify-content:center;gap:24px;min-height:280px;width:min(800px,calc(100% - 40px));margin:28px auto;padding:20px;color:var(--text,#243733);text-align:start}.reader-opening>img{width:160px;max-width:32vw;height:auto;flex:0 0 auto;box-shadow:0 6px 20px #101d351c}.reader-opening>div{min-width:0}.reader-opening h1{margin:8px 0;font-family:var(--serif,Editorial,Georgia,serif);font-size:clamp(19px,3vw,28px);line-height:1.45;overflow-wrap:anywhere}.reader-opening p,.reader-opening>div>span:first-child{font-size:12px;color:#64748b}.reader-opening .spinner{width:18px;height:18px}
@keyframes reader-spin{to{transform:rotate(360deg)}}
@media(max-width:740px){.reader-page{padding:10px 10px 18px}.reader-context{gap:9px;margin-bottom:9px}.reader-format{display:none}.reader-back{min-height:28px;font-size:11px}.reader-toolbar{gap:4px;padding:6px;scrollbar-width:thin}.reader-toolbar-group{gap:2px}.reader-toolbar-group-end{margin-inline-start:0}.reader-toolbar-divider{margin:0 3px}.reader-page .reader-control{min-width:36px;min-height:38px;padding:6px}.reader-control-primary{padding-inline:8px!important}.reader-fit-label,.reader-download-label{display:none}.reader-mode-select{width:100px;font-size:11px}.reader-page-number input{width:45px}.reader-page-number{gap:4px}.reader-stage{height:calc(100dvh - 172px);max-height:none;min-height:300px;padding:10px}.reader-pages{gap:10px}.reader-pages[data-mode=scroll]{gap:14px}.reader-footer{flex-direction:column;gap:1px;padding-top:7px;font-size:10px}.reader-page[lang=ur] .reader-footer,.reader-page[lang=ar] .reader-footer{font-size:12px}.reader-preview{padding-top:4px}.reader-preview figcaption{font-size:10px}.reader-status{padding:8px 10px;gap:3px}.reader-page:fullscreen{padding:8px}.reader-page:fullscreen .reader-stage{height:auto}.reader-opening{gap:15px;width:calc(100% - 28px);margin:18px auto;padding:12px;min-height:240px}.reader-opening p{font-size:11px}.reader-opening h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){.reader-spinner{animation:none}.reader-stage{scroll-behavior:auto}}

/* Native PDF.js 5.x TextLayer styles, scoped to the reader. */
    .reader-text-layer { color-scheme: only light; position: absolute; text-align: initial; inset: 0; overflow: clip; opacity: 1; line-height: 1; -webkit-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; caret-color: CanvasText; z-index: 1; --min-font-size: 1; --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv: calc(1 / var(--min-font-size)); }
    .reader-text-layer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; }
    .reader-text-layer > :not(.markedContent), .reader-text-layer .markedContent span:not(.markedContent) { z-index: 1; --font-height: 0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x: 1; --rotate: 0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); }
    .reader-text-layer .markedContent { display: contents; }
    .reader-text-layer span[role="img"] { user-select: none; cursor: default; }
    .reader-text-layer ::selection { background: color-mix(in srgb, var(--blue, #116D65) 25%, transparent); }
    .reader-text-layer br::selection { background: transparent; }
    .reader-text-layer[data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); }
    .reader-text-layer[data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); }
    .reader-text-layer[data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); }
.reader-fit-mode-label{display:flex;align-items:center;flex:0 0 auto}.reader-fit-select{width:110px;height:36px;border:1px solid #cbd5e1;border-radius:5px;padding:0 6px;background:#fff;color:var(--text,#243733);font:12px var(--sans,Jakarta,system-ui,sans-serif);cursor:pointer}.reader-fit-select:disabled{color:#94a3b8;background:#f8fafc}.reader-page[lang=ur] .reader-fit-select,.reader-page[lang=ar] .reader-fit-select{font-family:Naskh,serif;font-size:15px;direction:rtl}.reader-stage.has-pages .reader-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);margin:0;width:min(520px,calc(100% - 24px))}
@media(max-width:740px){.reader-fit-select{width:104px;font-size:11px}}
/* Reserve the actual header/footer height so Fit page stays inside the viewport. */
.reader-page{display:flex;flex-direction:column;height:100dvh;min-height:360px}.reader-context,.reader-footer{flex:0 0 auto}.reader-shell{display:flex;flex-direction:column;flex:1;min-height:0}.reader-toolbar{flex:0 0 auto}.reader-stage{flex:1;height:auto;min-height:160px;max-height:none}.member-reader-target .reader-page{height:min(80dvh,840px);min-height:320px;padding:6px}
/* Keep off-screen accessible labels inside the toolbar's horizontal scroller. */
.reader-page,.reader-toolbar{position:relative}