@import url('/assets/fonts.css');
.document-page,.text-page{scroll-margin-top:185px}@media(max-width:760px){.document-page,.text-page{scroll-margin-top:210px}}
:root{--navy:#10283f;--teal:#008c82;--mint:#61d7c8;--line:#d8e5e4}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:#edf2f1;font-size:14px}body:lang(ar){font-family:'Noto Sans Arabic',Tahoma,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.skip{position:absolute;top:-70px;background:white;padding:15px;z-index:100}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.profile-header{height:88px;background:var(--navy);color:white;display:flex;align-items:center;gap:25px;padding:18px 30px;position:sticky;top:0;z-index:40;border-bottom:1px solid #ffffff26}.profile-brand{flex-shrink:0;width:182px}.profile-brand img{display:block;width:100%;height:auto}.profile-label{border-inline-start:1px solid #ffffff30;padding-inline-start:25px}.profile-label h1{font-size:14px;margin:0 0 8px;font-weight:600}.profile-label span{font-size:10px;color:#c1d5df}.header-actions{margin-inline-start:auto;display:flex;gap:12px;align-items:center;font-size:12px}.header-actions a,.header-actions button{padding:11px 15px;border-radius:6px}.language,.share{border:1px solid #ffffff40;background:transparent;color:white}.download{background:var(--mint);color:var(--navy);font-weight:700}.reader-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 88px)}.chapter-panel{background:#f8faf9;border-inline-end:1px solid var(--line);position:sticky;top:88px;height:calc(100vh - 88px);padding:22px 16px;overflow-y:auto;scrollbar-width:thin}.chapter-title{display:flex;align-items:center;justify-content:space-between}.chapter-title h2{font-size:14px;margin:0}.chapter-panel>p{font-size:10px;color:#536879;line-height:1.9;margin:12px 0 20px}.chapter-panel nav{display:grid;gap:12px}.chapter{width:100%;background:white;border:1px solid var(--line);padding:11px;border-radius:8px;text-align:start;transition:border-color .15s}.chapter img{display:block;width:85px;height:auto;margin:auto;border:1px solid #eef2ef}.chapter span{display:flex;align-items:start;gap:10px;font-size:10px;margin-top:11px;line-height:1.7}.chapter b{font-size:10px;color:var(--teal);font-weight:500}.chapter[aria-current=page]{border:2px solid var(--teal);padding:10px;background:#e8f3f1}.site-back{font-size:11px;display:block;margin:22px 0;color:var(--teal)}main{min-width:0}.reader-toolbar{position:sticky;top:88px;z-index:30;background:#ffffffed;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:14px 25px;border-bottom:1px solid var(--line)}.page-controls,.reader-options{display:flex;align-items:center;gap:10px}.reader-toolbar button,.reader-toolbar select{border:1px solid var(--line);border-radius:6px;background:#f8faf9;color:var(--navy);padding:9px 12px;font-size:12px;min-height:36px}.page-controls label,.page-controls span{font-size:11px}.page-controls input{width:56px;padding:8px;border:1px solid var(--line);border-radius:5px;font-size:12px;background:white;color:var(--navy)}button:disabled{opacity:.35;cursor:default}.reader-toolbar #read-text[aria-pressed=true]{background:var(--navy);color:white}.stage{padding:26px;overflow:auto;min-height:calc(100vh - 227px);text-align:center}.document-page{margin:0 auto 25px;width:min(100%,calc((100vh - 252px)*.7071));max-width:850px;text-align:center}.document-page img{display:block;width:100%;height:auto;box-shadow:0 7px 28px #10283f1c;background:white}.document-page figcaption{font-size:10px;color:#536879;margin-top:12px;line-height:1.8}.stage[data-zoom=width] .document-page{width:100%;max-width:1000px}.stage[data-zoom=custom] .document-page{width:calc(720px * var(--zoom));max-width:none}.reader-bottom{border-top:1px solid var(--line);padding:15px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;background:#f8faf9}.reader-bottom p{margin:0;color:#536879}.reader-bottom a{color:var(--teal)}.transcript{display:none;max-width:780px;margin:auto;text-align:start}.text-page{background:white;padding:50px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px;line-height:1.9}.text-page h2{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:25px 0}.text-page h3{font-size:17px;line-height:1.6;margin:27px 0 9px}.text-page p{font-size:15px;color:#536879}.text-page .text-kicker{font-size:11px;color:var(--teal);font-weight:700}.text-page:lang(ar) h2{letter-spacing:0;line-height:1.6}.text-page:lang(ar){line-height:2.1}.stage.text-mode .document-page{display:none}.stage.text-mode .transcript{display:block}#open-chapters,#close-chapters{display:none}[hidden]{display:none!important}dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:calc(100% - 40px);padding:30px;color:var(--navy)}dialog::backdrop{background:#081e3099}dialog h2{font-size:21px}dialog p{font-size:13px;line-height:1.8;color:#536879}dialog input{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;direction:ltr}dialog button{float:inline-end;border:0;background:#edf2f1;font-size:22px;border-radius:5px;padding:2px 10px}@media(min-width:1500px){.document-page{width:min(100%,calc((100vh - 252px)*.7071))}}@media(max-width:1000px){.reader-shell{grid-template-columns:205px minmax(0,1fr)}.reader-toolbar{gap:12px;padding:14px}.reader-options{gap:6px}.reader-toolbar button,.reader-toolbar select{padding:9px 8px}.profile-header{padding-inline:20px;gap:18px}.profile-label{padding-inline-start:18px}}@media(max-width:760px){.profile-header{height:90px;flex-wrap:wrap;gap:8px 15px;padding:12px 16px}.profile-brand{width:155px}.profile-label{display:none}.header-actions{gap:8px}.header-actions a,.header-actions button{padding:9px;font-size:10px}.share{display:none}.reader-shell{display:block;min-height:calc(100vh - 90px)}.chapter-panel{display:none;position:fixed;top:90px;bottom:0;inset-inline-start:0;height:auto;width:min(310px,90vw);z-index:50;box-shadow:0 0 0 100vw #081e3080}.chapter-panel.open{display:block}.chapter-panel nav{grid-template-columns:1fr 1fr;gap:9px}.chapter img{width:65px}.chapter-title h2{font-size:15px}#close-chapters{display:block;border:0;background:#e8f3f1;border-radius:5px;font-size:24px;width:34px;height:34px}#open-chapters{display:block;grid-area:contents}.reader-toolbar{top:90px;display:grid;grid-template-areas:'contents pages' 'options options';padding:10px 14px;gap:10px}.page-controls{grid-area:pages;justify-content:flex-end;gap:7px}.reader-options{grid-area:options;justify-content:space-between;gap:7px}.reader-toolbar button,.reader-toolbar select{font-size:10px;padding:8px;min-height:34px}.reader-options select{max-width:38%;min-width:90px}.page-controls input{width:44px;font-size:11px}.page-controls label{display:none}.stage{padding:17px 12px;min-height:calc(100vh - 268px)}.document-page{width:100%;max-width:none}.stage[data-zoom=custom] .document-page{width:calc((100vw - 24px) * var(--zoom))}.reader-bottom{padding:13px 15px;align-items:start;gap:12px;font-size:10px;line-height:1.8}.reader-bottom a{max-width:45%}.text-page{padding:26px 22px}.text-page h2{font-size:26px}.text-page p{font-size:14px}.text-page h3{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.profile-header,.chapter-panel,.reader-toolbar,.reader-bottom,dialog{display:none!important}.reader-shell{display:block}.stage{padding:0;overflow:visible}.document-page{display:block!important;width:210mm!important;max-width:none!important;margin:0;break-after:page}.document-page img{box-shadow:none}.document-page figcaption,.transcript{display:none!important}@page{size:A4;margin:0}}