@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/thmanyahsans-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("/fonts/EBGaramond-VariableFont_wght.ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}
:root{--night:#0b0f14;--royal:#131b24;--paper:#e9e1d2;--ivory:#eee7da;--ash:#a5adb3;--gold:#d9b579;--gold-deep:#b68a4c;--wine:#682e3b;--veil:#607589;--stone:#293540;--reader-font-scale:1;--reader-width:900px;--reader-shell:1260px;--header:74px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;background:#f3ecdf;color:#18222c;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}
html[lang="ar"] body{font-family:"Thmanyah Sans",sans-serif}
body[data-reader-theme="dark"]{background:#10161d;color:#e8e0d3}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}

/* Reader header: brand tools at the far left, display controls centered, home at the far right. */
.reader-header{position:sticky;top:0;z-index:90;height:var(--header);background:rgba(10,15,20,.94);border-bottom:1px solid rgba(217,181,121,.18);backdrop-filter:blur(18px)}
.reader-header__shell{width:min(1460px,calc(100% - 42px));height:100%;margin:auto;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:24px}
.reader-header__brand-tools{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0}
.reader-logo{width:154px;display:flex;align-items:center;min-height:38px}.reader-logo img{width:100%;height:39px;object-fit:contain;object-position:left center}.reader-logo span{font-family:"EB Garamond",serif;color:var(--gold);font-size:.82rem;letter-spacing:.04em}
.reader-music-button,.reader-language-selector summary,.reader-display-tools button{height:38px;border:1px solid rgba(233,225,210,.2);background:rgba(255,255,255,.025);border-radius:999px;cursor:pointer;transition:.2s ease}
.reader-music-button{display:flex;align-items:center;gap:8px;padding:0 11px}.reader-music-button>span{display:flex;align-items:center;gap:2px;width:14px;height:13px}.reader-music-button i{display:block;width:2px;height:7px;background:var(--gold);border-radius:2px}.reader-music-button i:nth-child(2){height:12px}.reader-music-button i:nth-child(3){height:9px}.reader-music-button b{font-family:"Thmanyah Sans",sans-serif;font-size:.7rem;font-weight:500;color:#eee7da}.reader-music-button:hover,.reader-music-button[aria-pressed="true"],.reader-language-selector summary:hover,.reader-display-tools button:hover{border-color:rgba(217,181,121,.65);background:rgba(217,181,121,.08)}
.reader-music-button[aria-pressed="true"] i{animation:reader-bars .75s ease-in-out infinite alternate}.reader-music-button[aria-pressed="true"] i:nth-child(2){animation-delay:.16s}.reader-music-button[aria-pressed="true"] i:nth-child(3){animation-delay:.3s}@keyframes reader-bars{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.reader-language-selector{position:relative}.reader-language-selector summary{list-style:none;min-width:56px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:"Thmanyah Sans",sans-serif;font-size:.69rem;color:#eee7da}.reader-language-selector summary::-webkit-details-marker{display:none}.reader-language-selector summary svg{width:9px;fill:none;stroke:currentColor;stroke-width:1.5}.reader-language-selector>div{position:absolute;left:0;top:calc(100% + 10px);width:216px;padding:8px;background:#0d131a;border:1px solid rgba(217,181,121,.25);box-shadow:0 24px 60px rgba(0,0,0,.4);border-radius:12px}.reader-language-selector a{min-height:45px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;color:#c8c2b8}.reader-language-selector a:hover,.reader-language-selector a.active{background:rgba(217,181,121,.1);color:#fff}.reader-language-selector small{color:#7f8990;font-size:.65rem}
.reader-display-tools{justify-self:center;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(217,181,121,.13);border-radius:999px;background:rgba(255,255,255,.018)}.reader-display-tools button{min-width:38px;padding:0 9px;border-color:transparent;color:#e6ddd0;font-family:"Thmanyah Sans",sans-serif;font-size:.72rem}.reader-display-tools>span{width:1px;height:22px;background:rgba(217,181,121,.18);margin:0 3px}.reader-theme-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.reader-theme-button__moon{display:none}body[data-reader-theme="dark"] .reader-theme-button__sun{display:none}body[data-reader-theme="dark"] .reader-theme-button__moon{display:block}
.reader-home-link{justify-self:end;display:flex;align-items:center;gap:10px;color:#ded6ca;font-family:"Thmanyah Sans",sans-serif;font-size:.78rem;transition:.2s ease}.reader-home-link:hover{color:var(--gold)}.reader-home-link svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}html[dir="rtl"] .reader-home-link svg{transform:scaleX(-1)}

/* Chapter cover: the image remains visible and natural, while the title floats over one side. */
.chapter-hero{position:relative;min-height:clamp(550px,70vh,790px);overflow:hidden;background:#080c10}
.chapter-hero__media{position:absolute;inset:0}.chapter-hero__image-button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.chapter-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.chapter-hero__media::after{content:"";position:absolute;inset:auto 0 0;height:15%;background:linear-gradient(transparent,rgba(8,12,16,.72));pointer-events:none}
.chapter-hero__copy{position:relative;z-index:2;width:min(1460px,calc(100% - 72px));min-height:clamp(550px,70vh,790px);margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:30px;pointer-events:none}
.chapter-hero__copy>*{pointer-events:auto}.chapter-hero__copy>span,.chapter-hero__copy h1,.chapter-hero__meta{width:min(590px,52vw)}
html[dir="rtl"] .chapter-hero__copy{align-items:flex-end;text-align:right}html[dir="ltr"] .chapter-hero__copy{align-items:flex-start;text-align:left}
.chapter-hero__copy::before{content:"";position:absolute;width:min(650px,58vw);height:330px;background:rgba(7,11,15,.58);border:1px solid rgba(233,225,210,.17);backdrop-filter:blur(11px);box-shadow:0 28px 78px rgba(0,0,0,.3);z-index:-1;border-radius:3px}
html[dir="rtl"] .chapter-hero__copy::before{right:0}html[dir="ltr"] .chapter-hero__copy::before{left:0}
.chapter-hero__copy>span{color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.07em;margin-bottom:14px;padding-inline:34px}
.chapter-hero__copy h1{margin:0;color:#fff8ed;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(3.4rem,6vw,7rem);font-weight:500;line-height:.9;padding-inline:34px}
html[lang="ar"] .chapter-hero__copy h1{font-family:"Thmanyah Sans",sans-serif;line-height:1.12;font-size:clamp(3rem,5.3vw,5.8rem)}
.chapter-hero__meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:24px;padding-inline:34px;color:#e7dfd2;font-family:"Thmanyah Sans",sans-serif}.chapter-hero__meta b{font-size:.75rem;font-weight:500}.chapter-hero__meta b+ b::before{content:"•";color:var(--gold);margin-inline-end:18px}

/* A stable, full-width contents row with no horizontal carousel. */
.chapter-toc{width:min(var(--reader-shell),calc(100% - 72px));margin:0 auto;padding:48px 0 38px;border-bottom:1px solid rgba(30,40,50,.16)}
body[data-reader-theme="dark"] .chapter-toc{border-bottom-color:rgba(217,181,121,.15)}
.chapter-toc__title{display:flex;align-items:center;gap:18px;margin-bottom:20px;color:var(--wine);font-family:"Thmanyah Sans",sans-serif;font-weight:700}.chapter-toc__title i{height:1px;flex:1;background:linear-gradient(to left,rgba(104,46,59,.3),transparent)}body[data-reader-theme="dark"] .chapter-toc__title{color:var(--gold)}body[data-reader-theme="dark"] .chapter-toc__title i{background:linear-gradient(to left,rgba(217,181,121,.3),transparent)}
.chapter-toc__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chapter-toc__links a{min-height:74px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(36,48,59,.14);background:rgba(255,255,255,.34);transition:.2s ease}.chapter-toc__links a:hover,.chapter-toc__links a.is-active{border-color:rgba(104,46,59,.45);background:#ece2d3;transform:translateY(-2px)}body[data-reader-theme="dark"] .chapter-toc__links a{background:rgba(255,255,255,.02);border-color:rgba(217,181,121,.13)}body[data-reader-theme="dark"] .chapter-toc__links a:hover,body[data-reader-theme="dark"] .chapter-toc__links a.is-active{background:rgba(217,181,121,.08);border-color:rgba(217,181,121,.48)}.chapter-toc__links small{color:var(--gold-deep);font-family:"EB Garamond",serif;font-size:1.08rem}.chapter-toc__links span{font-family:"Thmanyah Sans",sans-serif;font-size:.83rem;line-height:1.5}

/* Reading area: progress on the extreme left, Arabic content on the right. */
.reader-layout{width:min(var(--reader-shell),calc(100% - 72px));margin:0 auto;display:grid;grid-template-columns:68px minmax(0,1fr);gap:48px;align-items:start}
.reader-progress-rail{position:sticky;top:calc(var(--header) + 58px);height:calc(100vh - var(--header) - 110px);padding-top:54px;display:flex;flex-direction:column;align-items:center;gap:14px}.reader-progress-rail__track{position:relative;width:2px;flex:1;max-height:440px;background:rgba(40,51,61,.15);overflow:hidden}.reader-progress-rail__track i{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(var(--gold-deep),var(--wine));transition:height .12s linear}.reader-progress-rail strong{font-family:"Thmanyah Sans",sans-serif;font-size:.68rem;color:#68727a}body[data-reader-theme="dark"] .reader-progress-rail__track{background:rgba(217,181,121,.13)}body[data-reader-theme="dark"] .reader-progress-rail strong{color:#949ca2}
.chapter-reading{width:100%;min-width:0;padding:72px 0 110px}.reader-section{scroll-margin-top:calc(var(--header) + 30px);padding:0 0 100px}.reader-section+.reader-section{padding-top:96px;border-top:1px solid rgba(36,48,59,.14)}body[data-reader-theme="dark"] .reader-section+.reader-section{border-top-color:rgba(217,181,121,.13)}
.reader-section__content{width:100%;min-width:0}.reader-section__heading{width:min(var(--reader-width),100%);margin-inline-start:auto;margin-bottom:34px}.reader-section__heading span{display:block;color:var(--gold-deep);font-family:"EB Garamond",serif;font-size:1.05rem;letter-spacing:.08em;margin-bottom:8px}.reader-section__heading h2{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(2.45rem,4vw,4.5rem);font-weight:500;line-height:1.02;color:#1d2933}html[lang="ar"] .reader-section__heading h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.24}body[data-reader-theme="dark"] .reader-section__heading h2{color:#efe7db}
.reader-prose{width:min(var(--reader-width),100%);margin-inline-start:auto}.reader-paragraph{margin:0 0 1.22em;font-size:calc(1.22rem * var(--reader-font-scale));line-height:2.05;letter-spacing:.003em;text-wrap:pretty}.reader-paragraph--short{margin-bottom:.72em}.reader-paragraph--dialogue{padding-inline-start:1.15rem;color:#293743}.reader-paragraph--opening:first-letter{font-size:1.15em}body[data-reader-theme="dark"] .reader-paragraph{color:#ded7cb}body[data-reader-theme="dark"] .reader-paragraph--dialogue{color:#eee5d8}

/* Wide scenes claim the full reading line; portrait scenes sit on the far left beside the text. */
.reader-scene{margin:34px 0 42px}.reader-scene button{position:relative;width:100%;padding:0;border:0;background:#0b1016;cursor:zoom-in;overflow:hidden}.reader-scene img{width:100%;height:auto}.reader-scene button>span{position:absolute;right:14px;bottom:14px;padding:8px 11px;background:rgba(8,12,17,.78);border:1px solid rgba(217,181,121,.36);color:#eee7da;font-family:"Thmanyah Sans",sans-serif;font-size:.69rem;backdrop-filter:blur(8px)}html[dir="rtl"] .reader-scene button>span{right:auto;left:14px}.reader-scene figcaption{padding:10px 2px 0;color:#6f777d;font-size:.84rem;line-height:1.6}body[data-reader-theme="dark"] .reader-scene figcaption{color:#999f9f}
.reader-scene--wide{width:100%;margin-inline:0}.reader-scene--wide img{max-height:680px;object-fit:cover}.reader-scene--closing{margin-top:48px}
.reader-section--portrait{display:grid;grid-template-columns:minmax(270px,38%) minmax(0,1fr);gap:52px;align-items:start}.reader-section--portrait .reader-scene--portrait{grid-column:1;position:sticky;top:calc(var(--header) + 38px);margin:0}.reader-section--portrait .reader-scene--portrait img{width:100%;max-height:720px;object-fit:cover;object-position:center top}.reader-section--portrait .reader-section__content{grid-column:2}.reader-section--portrait .reader-section__heading,.reader-section--portrait .reader-prose{width:100%}

.inline-audio-card{width:min(var(--reader-width),100%);margin:0 0 92px auto;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#111922;border:1px solid rgba(217,181,121,.24);color:#ede5d9}.inline-audio-card>div>span{color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.78rem;font-weight:700}.inline-audio-card p{margin:7px 0 0;color:#aeb4b7;font-size:.9rem}.inline-audio-card button{min-height:42px;padding:0 16px;display:flex;align-items:center;gap:8px;background:rgba(217,181,121,.1);border:1px solid rgba(217,181,121,.38);cursor:pointer;font-family:"Thmanyah Sans",sans-serif;font-size:.75rem}.inline-audio-card button:hover{background:rgba(217,181,121,.16)}.inline-audio-card svg{width:18px;height:18px;fill:currentColor}.inline-audio-card__pause{display:none}.inline-audio-card button[aria-pressed="true"] .inline-audio-card__play{display:none}.inline-audio-card button[aria-pressed="true"] .inline-audio-card__pause{display:block}

/* End-of-chapter gallery. */
.chapter-gallery{padding:clamp(85px,9vw,135px) max(36px,calc((100% - var(--reader-shell))/2));background:#0c1219;color:#eee7da}.chapter-gallery>header,.chapter-characters>header{max-width:760px;margin-bottom:44px}.chapter-gallery>header>span,.chapter-characters>header>span{display:block;color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.76rem;font-weight:700;margin-bottom:13px}.chapter-gallery h2,.chapter-characters h2{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(2.8rem,4.6vw,5rem);font-weight:500;line-height:1.02}html[lang="ar"] .chapter-gallery h2,html[lang="ar"] .chapter-characters h2{font-family:"Thmanyah Sans",sans-serif;line-height:1.22}.chapter-gallery>header p{color:#aeb3b6;line-height:1.8;max-width:670px}.chapter-gallery__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.chapter-gallery__item{grid-column:span 6;background:#111922;border:1px solid rgba(217,181,121,.14);overflow:hidden}.chapter-gallery__item--wide:first-child{grid-column:span 12}.chapter-gallery__item--portrait{grid-column:span 4}.chapter-gallery__item button{display:block;width:100%;height:300px;padding:0;border:0;background:#080c10;cursor:zoom-in}.chapter-gallery__item--wide:first-child button{height:min(52vw,650px)}.chapter-gallery__item--portrait button{height:440px}.chapter-gallery__item img{width:100%;height:100%;object-fit:cover}.chapter-gallery__item>div{min-height:58px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.chapter-gallery__item>div span{color:#d8d0c4;font-size:.84rem}.chapter-gallery__item>div a{color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.72rem;white-space:nowrap}

.chapter-characters{padding:clamp(85px,9vw,135px) max(36px,calc((100% - var(--reader-shell))/2));background:#e9e1d2;color:#18222c}.chapter-characters__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.chapter-character-card{min-height:390px;background:#f2eadf;border:1px solid rgba(24,34,44,.12);overflow:hidden;transition:.25s ease}.chapter-character-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(28,23,18,.13)}.chapter-character-card>img{width:100%;height:260px;object-fit:cover;object-position:center top}.chapter-character-card>div{padding:21px}.chapter-character-card h3{margin:0;font-size:1.55rem}.chapter-character-card p{margin:7px 0 18px;color:#61676c;line-height:1.55;font-size:.9rem}.chapter-character-card a{color:var(--wine);font-family:"Thmanyah Sans",sans-serif;font-size:.76rem;font-weight:700}

.chapter-comments{padding:clamp(90px,10vw,150px) 0;background:#101720;color:#eee7da}.chapter-comments__inner{width:min(var(--reader-shell),calc(100% - 72px));margin:auto}.chapter-comments header{max-width:720px;margin-bottom:40px}.chapter-comments header>span{display:block;color:var(--gold);font-family:"Thmanyah Sans",sans-serif;font-size:.75rem;font-weight:700;margin-bottom:13px}.chapter-comments h2{margin:0;font-family:"EB Garamond","Thmanyah Sans",serif;font-size:clamp(2.8rem,4.6vw,5rem);font-weight:500}.chapter-comments header p{color:#aeb5b9;line-height:1.8}.chapter-comments__list{display:grid;gap:14px}.chapter-comments__status{padding:24px;border:1px solid rgba(217,181,121,.16);color:#aeb5b9}.comment-card{padding:24px 26px;background:#151f29;border:1px solid rgba(217,181,121,.14)}.comment-card__head{display:flex;align-items:center;justify-content:space-between;gap:20px}.comment-card__head strong{color:#f0e8dc}.comment-card__head time{color:#818b92;font-size:.75rem}.comment-card__body{margin:15px 0 0;color:#c7c4be;line-height:1.8;white-space:pre-wrap}.comment-card__replies{margin-top:18px;padding-inline-start:24px;border-inline-start:1px solid rgba(217,181,121,.23)}.comment-card--reply{padding:18px 20px;background:#111922}.chapter-comments__add{margin-top:24px;min-height:46px;padding:0 22px;background:var(--gold);border:0;color:#111820;font-family:"Thmanyah Sans",sans-serif;font-size:.8rem;font-weight:700;cursor:pointer}.chapter-comments__add:hover{background:#edcf9a}.chapter-comments__form-panel{margin-top:18px;padding:26px;background:#151f29;border:1px solid rgba(217,181,121,.18)}.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapter-comments form label{display:block;margin-bottom:16px}.chapter-comments form label>span{display:block;margin-bottom:8px;color:#b9bec0;font-family:"Thmanyah Sans",sans-serif;font-size:.74rem}.chapter-comments input,.chapter-comments textarea{width:100%;border:1px solid rgba(217,181,121,.2);background:#0e151d;color:#eee7da;padding:12px 13px;outline:none}.chapter-comments input:focus,.chapter-comments textarea:focus{border-color:rgba(217,181,121,.62)}.chapter-comments form button[type="submit"]{min-height:44px;padding:0 20px;background:var(--wine);border:1px solid rgba(255,255,255,.08);color:#fff;cursor:pointer}.comment-form__trap{position:absolute!important;left:-9999px!important}#commentFormMessage{color:var(--gold);font-size:.82rem}

.reader-footer{min-height:150px;padding:38px max(36px,calc((100% - var(--reader-shell))/2));display:flex;align-items:center;justify-content:space-between;gap:40px;background:#080c11;border-top:1px solid rgba(217,181,121,.14);color:#90989d}.reader-footer__logo{width:210px}.reader-footer__logo img{width:100%;height:auto}.reader-footer p{margin:0;font-family:"Thmanyah Sans",sans-serif;font-size:.78rem}

.reader-lightbox{width:min(94vw,1500px);height:min(92vh,980px);padding:0;border:1px solid rgba(217,181,121,.35);background:rgba(5,8,11,.97);color:#fff;overflow:hidden}.reader-lightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.reader-lightbox figure{width:100%;height:100%;margin:0;padding:44px 70px 55px;display:flex;flex-direction:column;align-items:center;justify-content:center}.reader-lightbox img{max-width:100%;max-height:calc(100% - 48px);object-fit:contain}.reader-lightbox figcaption{margin-top:12px;color:#b8b4ad;text-align:center}.reader-lightbox__close,.reader-lightbox__previous,.reader-lightbox__next{position:absolute;z-index:2;border:1px solid rgba(217,181,121,.28);background:rgba(12,18,25,.75);color:#eee7da;cursor:pointer}.reader-lightbox__close{top:14px;right:14px;width:40px;height:40px;font-size:1.45rem}.reader-lightbox__previous,.reader-lightbox__next{top:50%;transform:translateY(-50%);width:44px;height:64px;font-size:2rem}.reader-lightbox__previous{left:14px}.reader-lightbox__next{right:14px}

.wkcs-toast{position:fixed;z-index:180;left:50%;bottom:28px;transform:translate(-50%,24px);min-width:min(360px,calc(100% - 34px));max-width:520px;min-height:48px;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(12,18,25,.97);border:1px solid rgba(217,181,121,.42);box-shadow:0 20px 60px rgba(0,0,0,.38);border-radius:12px;color:#eee7da;font-family:"Thmanyah Sans",sans-serif;font-size:.82rem;opacity:0;pointer-events:none;transition:.24s ease}.wkcs-toast.is-visible{opacity:1;transform:translate(-50%,0)}.wkcs-toast__icon{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(217,181,121,.11)}

@media(max-width:1100px){
  .reader-header__shell{grid-template-columns:1fr auto 1fr}.reader-logo{width:132px}.reader-music-button b{display:none}.reader-music-button{width:38px;padding:0;justify-content:center}.reader-layout{gap:26px}.reader-section--portrait{grid-template-columns:minmax(240px,34%) 1fr;gap:34px}.chapter-characters__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  :root{--header:68px}.reader-header{height:68px}.reader-header__shell{width:calc(100% - 20px);height:68px;grid-template-columns:1fr auto;gap:10px}.reader-header__brand-tools{grid-column:1}.reader-display-tools{grid-column:2;grid-row:1}.reader-home-link{display:none}.reader-logo{width:116px}.reader-language-selector summary{min-width:48px}.reader-display-tools button{min-width:33px;padding:0 6px}.chapter-hero{min-height:650px}.chapter-hero__copy{width:calc(100% - 34px);min-height:650px;justify-content:flex-end;padding-bottom:58px}.chapter-hero__copy::before{width:min(100%,590px);height:300px}.chapter-hero__copy>span,.chapter-hero__copy h1,.chapter-hero__meta{width:min(100%,530px)}.chapter-toc{width:calc(100% - 34px);padding-top:36px}.chapter-toc__links{grid-template-columns:repeat(2,1fr)}.reader-layout{width:calc(100% - 34px);grid-template-columns:32px minmax(0,1fr);gap:16px}.reader-progress-rail{top:calc(var(--header) + 34px)}.chapter-reading{padding-top:54px}.reader-section--portrait{display:block}.reader-section--portrait .reader-scene--portrait{position:relative;top:auto;width:min(420px,72%);margin:0 0 34px auto}.reader-section--portrait .reader-section__content{width:100%}.reader-paragraph{font-size:calc(1.13rem * var(--reader-font-scale))}.chapter-gallery,.chapter-characters{padding-inline:17px}.chapter-gallery__item,.chapter-gallery__item--portrait{grid-column:span 6}.chapter-gallery__item--wide:first-child{grid-column:span 12}.chapter-comments__inner{width:calc(100% - 34px)}.reader-footer{padding-inline:24px}.reader-footer__logo{width:170px}
}
@media(max-width:560px){
  .reader-logo{width:95px}.reader-music-button{display:none}.reader-language-selector>div{left:auto;right:0}.reader-display-tools button:nth-child(2){display:none}.chapter-hero{min-height:580px}.chapter-hero__copy{min-height:580px;padding-bottom:36px}.chapter-hero__copy::before{height:270px}.chapter-hero__copy h1{font-size:2.75rem}.chapter-hero__meta{gap:7px 11px}.chapter-hero__meta b+ b::before{margin-inline-end:11px}.chapter-toc__links{grid-template-columns:1fr}.reader-layout{width:calc(100% - 24px);grid-template-columns:22px 1fr;gap:10px}.reader-progress-rail strong{display:none}.reader-section{padding-bottom:72px}.reader-section+.reader-section{padding-top:72px}.reader-section__heading h2{font-size:2.3rem}.reader-prose{width:100%}.reader-paragraph{font-size:calc(1.06rem * var(--reader-font-scale));line-height:1.95}.reader-section--portrait .reader-scene--portrait{width:100%}.inline-audio-card{display:block;margin-bottom:70px}.inline-audio-card button{margin-top:18px}.chapter-gallery__item,.chapter-gallery__item--portrait,.chapter-gallery__item--wide:first-child{grid-column:span 12}.chapter-gallery__item button,.chapter-gallery__item--portrait button{height:260px}.chapter-characters__grid{grid-template-columns:1fr}.comment-form__row{grid-template-columns:1fr}.reader-footer{display:block}.reader-footer p{margin-top:20px}.reader-lightbox figure{padding:52px 18px}.reader-lightbox__previous,.reader-lightbox__next{width:36px;height:54px}.wkcs-toast{bottom:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* Batch 08 audio feedback */
.reader-music-button.is-loading span{animation:wkcs-reader-spin 1s linear infinite}
@keyframes wkcs-reader-spin{to{transform:rotate(360deg)}}
.wkcs-toast[data-tone="playing"] .wkcs-toast__icon{background:#8CA77B!important}
.wkcs-toast[data-tone="paused"] .wkcs-toast__icon{background:#A5ADB3!important}
.wkcs-toast[data-tone="loading"] .wkcs-toast__icon{background:#607589!important;animation:wkcs-reader-pulse .75s ease-in-out infinite alternate}
.wkcs-toast[data-tone="error"] .wkcs-toast__icon{background:#9B4D5D!important}
@keyframes wkcs-reader-pulse{to{transform:scale(1.45)}}

/* ==========================================================
   BATCH 09 — final reader polish
   Larger navigation, right-aligned Arabic reading, contextual
   full-width art, true full-screen viewer, colored dialogue,
   stable scrolling, full character portraits, chapter ending.
   ========================================================== */
:root{
  --header:96px;
  --reader-shell:1520px;
  --reader-width:920px;
}
html{overflow-x:clip}
html.reader-lightbox-open{overflow:hidden}
body{transition:none!important;overflow-x:clip}
.reader-header{
  height:var(--header)!important;
  background:#0B0F14!important;
  border-bottom-color:rgba(182,138,76,.28)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reader-header__shell{
  width:min(1540px,calc(100% - 56px))!important;
  grid-template-columns:minmax(360px,1fr) auto minmax(360px,1fr)!important;
  gap:34px!important;
}
.reader-header__brand-tools{gap:13px!important}
.reader-logo{width:224px!important;min-height:56px!important}
.reader-logo img{height:56px!important;filter:drop-shadow(0 5px 18px rgba(0,0,0,.38))}
.reader-logo span{font-size:1rem!important}
.reader-music-button,.reader-language-selector summary,.reader-display-tools button{
  height:46px!important;
}
.reader-music-button{padding:0 16px!important;gap:10px!important}
.reader-music-button b{font-size:.86rem!important}
.reader-language-selector summary{min-width:68px!important;padding:0 14px!important;font-size:.82rem!important}
.reader-display-tools{padding:5px!important;gap:6px!important}
.reader-display-tools button{min-width:43px!important;padding:0 10px!important;font-size:.82rem!important}
.reader-home-link{font-size:.94rem!important;font-weight:600!important;gap:12px!important}
.reader-home-link svg{width:24px!important}

/* Cover text is unboxed and follows the language direction. */
.chapter-hero{min-height:clamp(650px,78vh,900px)!important}
.chapter-hero__media img{object-position:center center!important}
.chapter-hero__media::after{
  display:block!important;
  height:24%!important;
  background:linear-gradient(transparent,rgba(8,12,16,.54))!important;
}
.chapter-hero__copy{
  width:min(1540px,calc(100% - 90px))!important;
  min-height:clamp(650px,78vh,900px)!important;
  padding-top:calc(var(--header) + 28px)!important;
}
.chapter-hero__copy::before{display:none!important;content:none!important}
.chapter-hero__copy>span,.chapter-hero__copy h1,.chapter-hero__meta{
  width:min(680px,55vw)!important;
  padding-inline:0!important;
}
html[dir="rtl"] .chapter-hero__copy,
html[lang="ar"] .chapter-hero__copy{
  align-items:flex-end!important;
  text-align:right!important;
}
html[dir="ltr"] .chapter-hero__copy{align-items:flex-start!important;text-align:left!important}
.chapter-hero__copy>span{
  font-size:1rem!important;
  margin-bottom:18px!important;
  text-shadow:0 3px 16px rgba(0,0,0,.92)!important;
}
.chapter-hero__copy h1{
  font-size:clamp(4rem,6.3vw,7.4rem)!important;
  text-shadow:0 5px 14px rgba(0,0,0,.98),0 17px 44px rgba(0,0,0,.72)!important;
}
html[lang="ar"] .chapter-hero__copy h1{
  font-size:clamp(3.55rem,5.7vw,6.25rem)!important;
  line-height:1.12!important;
}
.chapter-hero__meta{margin-top:27px!important;font-size:.92rem!important;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.chapter-hero__meta b{font-size:.88rem!important}

.chapter-toc{width:min(var(--reader-shell),calc(100% - 90px))!important;padding-top:58px!important}
.chapter-toc__title{font-size:1.05rem!important}
.chapter-toc__links a{min-height:86px!important;padding:18px 20px!important}
.chapter-toc__links span{font-size:.95rem!important}
.chapter-toc__links small{font-size:1.22rem!important}

/* Reading line and progression. Keep geometry stable while scrolling. */
.reader-layout{
  width:min(var(--reader-shell),calc(100% - 90px))!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:42px!important;
}
.reader-progress-rail{top:calc(var(--header) + 42px)!important}
.reader-progress-rail__track i{
  height:100%!important;
  transform:scaleY(0);
  transform-origin:top center;
  transition:none!important;
  will-change:transform;
}
.chapter-reading{padding-top:84px!important}
.reader-section{padding-bottom:118px!important}
.reader-section+.reader-section{padding-top:112px!important}
.reader-section__content{min-width:0}
.reader-section__heading{
  width:min(var(--reader-width),100%)!important;
  margin-bottom:42px!important;
  position:relative;
}
html[dir="rtl"] .reader-section__heading,
html[dir="rtl"] .reader-prose{
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
}
html[dir="ltr"] .reader-section__heading,
html[dir="ltr"] .reader-prose{
  margin-right:auto!important;
  margin-left:0!important;
  text-align:left!important;
}
.reader-section__chapter-label{
  display:block!important;
  margin:0 0 10px!important;
  color:var(--wine)!important;
  font-family:"Thmanyah Sans",sans-serif!important;
  font-size:.95rem!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.reader-section__heading h2{
  font-size:clamp(3rem,4.8vw,5.3rem)!important;
  line-height:1.1!important;
}
.reader-section__heading>i{
  display:block;
  width:86px;
  height:3px;
  margin-top:22px;
  background:var(--wine);
}
html[dir="rtl"] .reader-section__heading>i{margin-left:auto}
html[dir="ltr"] .reader-section__heading>i{margin-right:auto}
.reader-section:nth-of-type(4n+2) .reader-section__chapter-label,
.reader-section:nth-of-type(4n+2) .reader-section__heading h2{color:var(--veil)}
.reader-section:nth-of-type(4n+2) .reader-section__heading>i{background:var(--veil)}
.reader-section:nth-of-type(4n+3) .reader-section__chapter-label{color:var(--gold-deep)}
.reader-section:nth-of-type(4n+3) .reader-section__heading>i{background:var(--gold-deep)}
.reader-section:nth-of-type(4n+4) .reader-section__chapter-label{color:var(--wine)}

.reader-prose{width:min(var(--reader-width),100%)!important}
.reader-paragraph{
  text-align:start!important;
  font-size:calc(1.3rem * var(--reader-font-scale))!important;
  line-height:2.08!important;
  margin-bottom:1.28em!important;
}
html[lang="ar"] .reader-paragraph{font-size:calc(1.24rem * var(--reader-font-scale))!important;line-height:2.12!important}
.reader-paragraph--dialogue{
  color:var(--wine)!important;
  border-inline-start:3px solid rgba(104,46,59,.48);
  padding-inline-start:1.25rem!important;
  font-weight:600;
}
.reader-paragraph--emphasis{
  color:var(--veil)!important;
  font-weight:700;
  letter-spacing:.012em;
}
.reader-paragraph--opening:first-letter{color:var(--wine);font-size:1.3em!important;font-weight:700}
body[data-reader-theme="dark"] .reader-paragraph--dialogue{color:#D8A0AD!important;border-inline-start-color:rgba(216,160,173,.48)}
body[data-reader-theme="dark"] .reader-paragraph--emphasis{color:#9CB3C8!important}
body[data-reader-theme="dark"] .reader-section__chapter-label{color:#D8A0AD!important}

/* Contextual chapter artwork: full visible frame, no cropping. */
.reader-scene{
  contain:paint;
}
.reader-scene--wide{
  width:100%!important;
  max-width:1420px!important;
  margin:62px auto 70px!important;
}
.reader-scene--contextual{margin-top:58px!important;margin-bottom:70px!important}
.reader-scene--closing{margin-top:70px!important;margin-bottom:0!important}
.reader-scene button{
  border:1px solid rgba(182,138,76,.32)!important;
  background:#080C11!important;
  box-shadow:0 26px 70px rgba(20,18,15,.16);
}
.reader-scene img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#080C11;
}
.reader-scene button>span{font-size:.82rem!important;padding:10px 14px!important}
.reader-scene figcaption{font-size:.95rem!important;padding-top:13px!important}
.reader-section--portrait{
  grid-template-columns:minmax(340px,440px) minmax(0,1fr)!important;
  gap:62px!important;
}
.reader-section--portrait .reader-scene--portrait{
  position:relative!important;
  top:auto!important;
  align-self:start;
}
.reader-section--portrait .reader-scene--portrait img{
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}

.inline-audio-card{
  width:min(980px,100%)!important;
  padding:30px 32px!important;
  margin-bottom:110px!important;
  border-inline-start:5px solid var(--gold-deep)!important;
}
.inline-audio-card>div>span{font-size:.95rem!important}
.inline-audio-card p{font-size:1.02rem!important}
.inline-audio-card button{min-height:48px!important;font-size:.86rem!important;padding:0 20px!important}

/* End marker. */
.chapter-ending{
  width:min(920px,calc(100% - 48px));
  margin:0 auto clamp(90px,9vw,145px);
  padding:42px 0 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border-top:1px solid rgba(104,46,59,.22);
}
.chapter-ending>span{
  color:var(--wine);
  font-family:"Thmanyah Sans",sans-serif;
  font-size:clamp(2.4rem,4.5vw,4.7rem);
  font-weight:700;
  line-height:1.2;
}
.chapter-ending>i{width:92px;height:2px;margin:19px 0 25px;background:var(--gold-deep)}
.chapter-ending button{
  min-height:48px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(104,46,59,.34);
  background:transparent;
  color:var(--wine);
  font-family:"Thmanyah Sans",sans-serif;
  font-size:.88rem;
  font-weight:700;
  cursor:pointer;
}
.chapter-ending button:hover{background:rgba(104,46,59,.08)}
.chapter-ending svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
body[data-reader-theme="dark"] .chapter-ending{border-top-color:rgba(216,160,173,.24)}
body[data-reader-theme="dark"] .chapter-ending>span,body[data-reader-theme="dark"] .chapter-ending button{color:#D8A0AD}

/* Gallery and complete character portraits. */
.chapter-gallery,.chapter-characters{padding-inline:max(30px,calc((100% - 1520px)/2))!important}
.chapter-gallery__grid{gap:24px!important}
.chapter-gallery__item button{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:#080C11!important;
}
.chapter-gallery__item img{width:100%!important;height:auto!important;object-fit:contain!important;background:#080C11}
.chapter-gallery__item--portrait{grid-column:span 4!important}
.chapter-gallery__item--portrait button{aspect-ratio:4/5!important}
.chapter-gallery__item--portrait img{height:100%!important;object-fit:contain!important}
.chapter-characters__grid{gap:24px!important}
.chapter-character-card{min-height:0!important;border-radius:16px}
.chapter-character-card__image{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#111820;
  cursor:zoom-in;
}
.chapter-character-card__image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:linear-gradient(180deg,#1A242E,#0D131A);
}
.chapter-character-card__image>span{
  position:absolute;
  inset:auto 14px 14px auto;
  padding:9px 12px;
  border:1px solid rgba(217,181,121,.42);
  background:rgba(8,12,17,.82);
  color:#EEE7DA;
  font-family:"Thmanyah Sans",sans-serif;
  font-size:.75rem;
}
html[dir="rtl"] .chapter-character-card__image>span{right:auto;left:14px}
.chapter-character-card>div{padding:24px!important}
.chapter-character-card h3{font-size:1.75rem!important}
.chapter-character-card p{font-size:1rem!important;line-height:1.7!important}

/* True viewport image viewer. */
.reader-lightbox{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:rgba(5,8,11,.99)!important;
  overflow:hidden!important;
}
.reader-lightbox::backdrop{background:rgba(0,0,0,.94)!important;backdrop-filter:none!important}
.reader-lightbox figure{padding:26px 78px 34px!important}
.reader-lightbox img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 88px)!important;
  object-fit:contain!important;
  image-rendering:auto;
}
.reader-lightbox figcaption{position:absolute;bottom:10px;left:80px;right:80px;margin:0!important;font-size:.9rem}
.reader-lightbox__close{top:18px!important;right:18px!important;width:48px!important;height:48px!important;font-size:1.7rem!important}
.reader-lightbox__previous,.reader-lightbox__next{width:52px!important;height:76px!important;font-size:2.4rem!important}

@media(max-width:1180px){
  :root{--header:86px}
  .reader-header__shell{width:calc(100% - 34px)!important;grid-template-columns:1fr auto 1fr!important;gap:18px!important}
  .reader-logo{width:184px!important}.reader-logo img{height:48px!important}
  .reader-music-button b{display:none!important}.reader-music-button{width:46px!important;padding:0!important;justify-content:center!important}
  .reader-layout{width:calc(100% - 52px)!important;gap:28px!important}
  .reader-section--portrait{grid-template-columns:minmax(280px,34%) 1fr!important;gap:38px!important}
}
@media(max-width:820px){
  :root{--header:78px}
  .reader-header{height:78px!important}
  .reader-header__shell{height:78px!important;grid-template-columns:1fr auto!important}
  .reader-logo{width:154px!important}.reader-logo img{height:43px!important}
  .reader-language-selector summary{height:42px!important;min-width:54px!important}
  .reader-display-tools button{height:40px!important;min-width:36px!important;padding:0 7px!important}
  .chapter-hero,.chapter-hero__copy{min-height:680px!important}
  .chapter-hero__copy{width:calc(100% - 38px)!important;padding:120px 0 48px!important;justify-content:flex-end!important}
  .chapter-hero__copy>span,.chapter-hero__copy h1,.chapter-hero__meta{width:min(100%,620px)!important}
  .chapter-hero__copy h1,html[lang="ar"] .chapter-hero__copy h1{font-size:3.4rem!important}
  .chapter-toc{width:calc(100% - 38px)!important}
  .reader-layout{width:calc(100% - 30px)!important;grid-template-columns:28px 1fr!important;gap:14px!important}
  .reader-section--portrait{display:block!important}
  .reader-section--portrait .reader-scene--portrait{width:min(520px,100%)!important;margin:0 auto 48px!important}
  .reader-paragraph,html[lang="ar"] .reader-paragraph{font-size:calc(1.14rem * var(--reader-font-scale))!important}
  .reader-scene--wide{margin:46px auto 55px!important}
  .chapter-characters__grid{grid-template-columns:repeat(2,1fr)!important}
  .reader-lightbox figure{padding:58px 16px 42px!important}
  .reader-lightbox figcaption{left:18px;right:18px}
}
@media(max-width:560px){
  .reader-logo{width:126px!important}.reader-logo img{height:38px!important}
  .reader-display-tools button:nth-child(2){display:none!important}
  .chapter-hero,.chapter-hero__copy{min-height:610px!important}
  .chapter-hero__copy{padding-bottom:36px!important}
  .chapter-hero__copy h1,html[lang="ar"] .chapter-hero__copy h1{font-size:2.75rem!important}
  .chapter-hero__copy>span{font-size:.84rem!important}
  .chapter-hero__meta b{font-size:.75rem!important}
  .chapter-toc__links{grid-template-columns:1fr!important}
  .reader-layout{width:calc(100% - 20px)!important;grid-template-columns:18px 1fr!important;gap:8px!important}
  .reader-section{padding-bottom:82px!important}.reader-section+.reader-section{padding-top:80px!important}
  .reader-section__heading h2{font-size:2.5rem!important}
  .reader-section__chapter-label{font-size:.82rem!important}
  .reader-paragraph,html[lang="ar"] .reader-paragraph{font-size:calc(1.06rem * var(--reader-font-scale))!important;line-height:2!important}
  .reader-paragraph--dialogue{padding-inline-start:.85rem!important}
  .inline-audio-card{padding:23px!important;margin-bottom:78px!important}
  .chapter-gallery,.chapter-characters{padding-inline:14px!important}
  .chapter-characters__grid{grid-template-columns:1fr!important}
  .chapter-ending{width:calc(100% - 28px);margin-bottom:82px}
  .chapter-ending>span{font-size:2.45rem}
  .reader-lightbox__previous,.reader-lightbox__next{width:38px!important;height:58px!important;font-size:1.8rem!important}
  .reader-lightbox__close{width:42px!important;height:42px!important}
}


/* =========================================================
   BATCH 10 — definitive reader composition and image viewer
   ========================================================= */

/* A calm, intentional hierarchy: wine for dialogue/section markers,
   copper for restrained ornament, never random blue prose. */
.chapter-reader-page{
  --reader-width: 980px;
  --reader-image-width: 1760px;
}

/* The hero copy is physically anchored to the reading side, regardless of
   inherited flex or the media container's direction. */
.chapter-hero{direction:inherit!important}
.chapter-hero__copy{
  width:min(1540px,calc(100% - 64px))!important;
  padding-inline:0!important;
}
.chapter-reader-page[data-locale="ar"] .chapter-hero__copy{
  direction:rtl!important;
  align-items:stretch!important;
  text-align:right!important;
}
.chapter-reader-page[data-locale="ar"] .chapter-hero__copy>span,
.chapter-reader-page[data-locale="ar"] .chapter-hero__copy>h1,
.chapter-reader-page[data-locale="ar"] .chapter-hero__copy>.chapter-hero__meta{
  width:min(650px,58vw)!important;
  margin-right:0!important;
  margin-left:auto!important;
  padding-right:0!important;
  padding-left:0!important;
  text-align:right!important;
  direction:rtl!important;
}
.chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>span,
.chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>h1,
.chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>.chapter-hero__meta{
  width:min(650px,58vw)!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-inline:0!important;
  text-align:left!important;
  direction:ltr!important;
}
.chapter-hero__copy::before,
.chapter-hero__copy::after{display:none!important;content:none!important}

/* Deliberate, consistent section styling. */
.reader-section:nth-of-type(n) .reader-section__chapter-label{
  color:var(--wine)!important;
}
.reader-section:nth-of-type(n) .reader-section__heading h2{
  color:#1D2933!important;
}
.reader-section:nth-of-type(n) .reader-section__heading>i{
  background:linear-gradient(90deg,var(--wine),var(--gold))!important;
}
body[data-reader-theme="dark"] .reader-section:nth-of-type(n) .reader-section__heading h2{
  color:#EEE7DA!important;
}
.reader-section__chapter-label{
  font-family:"Thmanyah Sans",sans-serif!important;
  font-size:.92rem!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
.reader-section__heading h2{letter-spacing:0!important}

/* Novel prose always begins at the correct edge. */
.chapter-reading[dir="rtl"] .reader-section__heading,
.chapter-reading[dir="rtl"] .reader-prose{
  margin-right:0!important;
  margin-left:auto!important;
  text-align:right!important;
  direction:rtl!important;
}
.chapter-reading[dir="ltr"] .reader-section__heading,
.chapter-reading[dir="ltr"] .reader-prose{
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
  direction:ltr!important;
}
.reader-prose{width:min(var(--reader-width),100%)!important}
.reader-paragraph{
  color:#27323B!important;
  font-weight:400!important;
  text-align:start!important;
}
body[data-reader-theme="dark"] .reader-paragraph{color:#DED7CB!important}
.reader-paragraph--short,
.reader-paragraph--emphasis{
  color:inherit!important;
  font-weight:500!important;
  border:0!important;
  background:none!important;
}
body[data-reader-theme="dark"] .reader-paragraph--emphasis{color:inherit!important}
.reader-paragraph--dialogue{
  color:var(--wine)!important;
  font-weight:600!important;
  border-inline-start:3px solid rgba(104,46,59,.48)!important;
  padding:.18rem 1.05rem .18rem 0!important;
  background:linear-gradient(90deg,rgba(104,46,59,.055),transparent 72%)!important;
}
.chapter-reading[dir="rtl"] .reader-paragraph--dialogue{
  padding:.18rem 0 .18rem 1.05rem!important;
  background:linear-gradient(270deg,rgba(104,46,59,.055),transparent 72%)!important;
}
body[data-reader-theme="dark"] .reader-paragraph--dialogue{
  color:#D9A8B2!important;
  background:linear-gradient(90deg,rgba(104,46,59,.13),transparent 72%)!important;
}
body[data-reader-theme="dark"] .chapter-reading[dir="rtl"] .reader-paragraph--dialogue{
  background:linear-gradient(270deg,rgba(104,46,59,.13),transparent 72%)!important;
}

/* Context artwork uses the available display width and preserves every pixel. */
.reader-scene--wide{
  width:min(var(--reader-image-width),calc(100vw - 32px))!important;
  max-width:none!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:58px 0 70px!important;
}
html[dir="rtl"] .reader-scene--wide{
  left:auto!important;
  right:50%!important;
  transform:translateX(50%)!important;
}
.reader-scene--wide>button{
  width:100%!important;
  min-height:0!important;
  background:#080C11!important;
}
.reader-scene--wide img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
.reader-scene--wide figcaption{
  width:min(980px,calc(100% - 32px));
  margin:13px auto 0!important;
  text-align:start!important;
}

/* Gallery: every wide artwork occupies the whole gallery row and is never cropped. */
.chapter-gallery{padding-inline:max(20px,calc((100% - 1760px)/2))!important}
.chapter-gallery__grid{gap:28px!important}
.chapter-gallery__item,
.chapter-gallery__item--wide,
.chapter-gallery__item--standard{
  grid-column:span 12!important;
}
.chapter-gallery__item button,
.chapter-gallery__item--wide:first-child button,
.chapter-gallery__item--wide button,
.chapter-gallery__item--standard button{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:#080C11!important;
}
.chapter-gallery__item img,
.chapter-gallery__item--wide img,
.chapter-gallery__item--standard img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.chapter-gallery__item--portrait{grid-column:span 6!important}
.chapter-gallery__item--portrait button{height:min(78vh,980px)!important;aspect-ratio:auto!important}
.chapter-gallery__item--portrait img{width:100%!important;height:100%!important;object-fit:contain!important}

/* True full-screen viewer. The stage uses practically the whole viewport. */
.reader-lightbox{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#05080B!important;
  overflow:hidden!important;
}
.reader-lightbox::backdrop{background:#05080B!important;backdrop-filter:none!important}
.reader-lightbox__stage{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  touch-action:none;
  cursor:default;
  user-select:none;
}
.reader-lightbox__stage.is-draggable{cursor:grab}
.reader-lightbox__stage.is-dragging{cursor:grabbing}
.reader-lightbox figure{
  position:relative!important;
  width:calc(100vw - 124px)!important;
  height:calc(100dvh - 94px)!important;
  margin:46px 62px 48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform-origin:center center;
  will-change:transform;
  transition:transform .16s ease-out;
}
.reader-lightbox__stage.is-dragging figure{transition:none}
.reader-lightbox img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.reader-lightbox figcaption{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:11px!important;
  width:min(760px,calc(100vw - 220px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  color:#C8C2B9!important;
  text-align:center!important;
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.reader-lightbox__chrome{
  position:fixed;
  top:14px;
  left:14px;
  right:14px;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.reader-lightbox__zoom{
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px;
  border:1px solid rgba(182,138,76,.34);
  background:rgba(11,15,20,.92);
  box-shadow:0 12px 35px rgba(0,0,0,.32);
  pointer-events:auto;
}
.reader-lightbox__zoom button{
  min-width:42px;
  height:40px;
  padding:0 11px;
  border:1px solid rgba(233,225,210,.14);
  background:#131B24;
  color:#EEE7DA;
  font:700 1.15rem/1 "Thmanyah Sans",sans-serif;
  cursor:pointer;
}
.reader-lightbox__zoom button:nth-child(2){min-width:74px;font-size:.79rem}
.reader-lightbox__close,
.reader-lightbox__previous,
.reader-lightbox__next{
  position:fixed!important;
  z-index:13!important;
  border:1px solid rgba(182,138,76,.42)!important;
  background:rgba(11,15,20,.92)!important;
  color:#EEE7DA!important;
  box-shadow:0 12px 35px rgba(0,0,0,.28)!important;
}
.reader-lightbox__close{
  top:14px!important;
  right:14px!important;
  width:50px!important;
  height:50px!important;
}
.reader-lightbox__previous,.reader-lightbox__next{
  top:50%!important;
  width:52px!important;
  height:82px!important;
  transform:translateY(-50%)!important;
}
.reader-lightbox__previous{left:10px!important}
.reader-lightbox__next{right:10px!important}

@media (max-width:900px){
  .chapter-reader-page[data-locale="ar"] .chapter-hero__copy>span,
  .chapter-reader-page[data-locale="ar"] .chapter-hero__copy>h1,
  .chapter-reader-page[data-locale="ar"] .chapter-hero__copy>.chapter-hero__meta,
  .chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>span,
  .chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>h1,
  .chapter-reader-page:not([data-locale="ar"]) .chapter-hero__copy>.chapter-hero__meta{
    width:min(100%,620px)!important;
  }
  .reader-scene--wide{width:calc(100vw - 20px)!important;margin-block:44px 55px!important}
  .reader-lightbox figure{width:calc(100vw - 44px)!important;height:calc(100dvh - 112px)!important;margin:58px 22px 54px!important}
  .reader-lightbox__previous,.reader-lightbox__next{width:38px!important;height:62px!important}
  .reader-lightbox figcaption{width:calc(100vw - 120px)!important}
  .chapter-gallery__item--portrait{grid-column:span 12!important}
}

@media (max-width:560px){
  .chapter-hero__copy{width:calc(100% - 28px)!important}
  .reader-lightbox__chrome{justify-content:flex-start}
  .reader-lightbox__zoom button{min-width:38px;height:38px}
  .reader-lightbox__zoom button:nth-child(2){min-width:62px}
  .reader-lightbox figure{width:100vw!important;height:calc(100dvh - 112px)!important;margin:56px 0!important}
}

/* Final directional dialogue spacing and compositor-safe image controls. */
.reader-paragraph--dialogue{
  padding-block:.18rem!important;
  padding-inline-start:1.05rem!important;
  padding-inline-end:0!important;
}
.reader-scene button>span,
.chapter-character-card__image>span{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* ==========================================================
   BATCH 12 — clean literary reader layout
   Centered contextual artwork, single-color section hierarchy,
   readable prose, reliable full-screen viewer.
   ========================================================== */

:root{
  --reader-width:860px;
  --reader-scene-width:1280px;
}

/* Slightly larger identity in the reader header. */
.reader-logo{
  width:248px!important;
  min-height:60px!important;
}
.reader-logo img{
  height:60px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* One deliberate color system: body ink + burgundy hierarchy. */
.reader-section__heading{
  width:min(var(--reader-width),100%)!important;
  margin-bottom:32px!important;
}
.reader-section__chapter-label,
.reader-section:nth-of-type(n) .reader-section__chapter-label,
.reader-section__heading h2,
.reader-section:nth-of-type(n) .reader-section__heading h2,
body[data-reader-theme="dark"] .reader-section:nth-of-type(n) .reader-section__heading h2{
  color:var(--wine)!important;
}
.reader-section__chapter-label{
  display:block!important;
  margin-bottom:7px!important;
  font-size:.94rem!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.reader-section__heading h2{
  margin:0!important;
  font-size:clamp(2.55rem,4vw,4.55rem)!important;
  line-height:1.08!important;
  font-weight:700!important;
}
html[lang="ar"] .reader-section__heading h2{
  font-family:"Thmanyah Sans",sans-serif!important;
}
.reader-section__heading>i,
.reader-section:nth-of-type(n) .reader-section__heading>i{
  display:block!important;
  width:74px!important;
  height:3px!important;
  margin-top:18px!important;
  border-radius:0!important;
  background:var(--wine)!important;
}

/* Stable novel typography without random emphasis colors or gradients. */
.reader-prose{
  width:min(var(--reader-width),100%)!important;
}
.reader-paragraph{
  color:#293540!important;
  font-weight:400!important;
  text-align:start!important;
}
body[data-reader-theme="dark"] .reader-paragraph{
  color:#EEE7DA!important;
}
.reader-paragraph--short,
.reader-paragraph--emphasis{
  color:inherit!important;
  font-weight:inherit!important;
  border:0!important;
  background:none!important;
}
.reader-paragraph--dialogue,
.chapter-reading[dir="rtl"] .reader-paragraph--dialogue,
body[data-reader-theme="dark"] .reader-paragraph--dialogue,
body[data-reader-theme="dark"] .chapter-reading[dir="rtl"] .reader-paragraph--dialogue{
  color:var(--wine)!important;
  font-weight:600!important;
  border:0!important;
  background:none!important;
  padding:0!important;
}
body[data-reader-theme="dark"] .reader-paragraph--dialogue{
  color:#D8A0AD!important;
}
.reader-paragraph--opening:first-letter{
  color:var(--wine)!important;
  font-size:1.18em!important;
  font-weight:800!important;
  line-height:inherit!important;
  float:none!important;
  margin:0!important;
}

/* Every chapter scene is centered and comfortably larger than the prose,
   without touching either viewport edge. */
.reader-scene,
.reader-scene--wide,
html[dir="rtl"] .reader-scene--wide{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(var(--reader-scene-width),calc(100vw - 96px))!important;
  max-width:100%!important;
  margin:48px auto 66px!important;
}
.reader-section:first-of-type .reader-scene{
  margin-top:18px!important;
}
.reader-scene>button,
.reader-scene--wide>button{
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(41,53,64,.18)!important;
  border-radius:10px!important;
  background:#0B0F14!important;
  box-shadow:0 24px 66px rgba(11,15,20,.16)!important;
}
body[data-reader-theme="dark"] .reader-scene>button{
  border-color:rgba(233,225,210,.16)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.28)!important;
}
.reader-scene img,
.reader-scene--wide img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
.reader-scene button>span{
  right:16px!important;
  bottom:16px!important;
  left:auto!important;
  border:1px solid rgba(233,225,210,.25)!important;
  background:rgba(11,15,20,.88)!important;
}
.reader-scene figcaption{
  width:min(920px,calc(100% - 24px))!important;
  margin:15px auto 0!important;
  padding:0!important;
  text-align:center!important;
  color:var(--wine)!important;
  font-family:"Thmanyah Sans",sans-serif!important;
  font-size:1rem!important;
  line-height:1.55!important;
}
.reader-scene figcaption strong{
  font-weight:700!important;
}

/* Portrait media, when present, follows the same centered literary treatment. */
.reader-section--portrait{
  display:block!important;
}
.reader-section--portrait .reader-scene--portrait{
  position:relative!important;
  top:auto!important;
  width:min(620px,calc(100vw - 96px))!important;
  margin:28px auto 54px!important;
}
.reader-section--portrait .reader-section__content{
  width:100%!important;
}

/* Full-screen viewer: native dialog close plus a protected clickable layer. */
.reader-lightbox__chrome{
  z-index:30!important;
  pointer-events:none!important;
}
.reader-lightbox__close-form{
  position:fixed!important;
  top:14px!important;
  right:14px!important;
  z-index:32!important;
  margin:0!important;
  pointer-events:auto!important;
}
.reader-lightbox__close{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  padding:0!important;
  border-radius:50%!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.reader-lightbox__stage{
  z-index:1!important;
}
.reader-lightbox__previous,
.reader-lightbox__next{
  z-index:25!important;
}

/* Slightly larger identity on the home page. */
@media (min-width:1101px){
  .brand-logo{
    width:276px!important;
    min-height:66px!important;
  }
  .brand-logo img{
    height:66px!important;
  }
}

@media (max-width:1100px){
  .reader-logo{width:208px!important}
  .reader-logo img{height:52px!important}
}

@media (max-width:900px){
  .reader-scene,
  .reader-scene--wide,
  html[dir="rtl"] .reader-scene--wide{
    width:calc(100vw - 34px)!important;
    margin:38px auto 52px!important;
  }
  .reader-section--portrait .reader-scene--portrait{
    width:min(560px,calc(100vw - 34px))!important;
  }
}

@media (max-width:820px){
  .reader-logo{width:170px!important}
  .reader-logo img{height:47px!important}
}

@media (max-width:560px){
  .reader-logo{width:138px!important}
  .reader-logo img{height:41px!important}
  .reader-section__heading h2{
    font-size:2.35rem!important;
  }
  .reader-scene,
  .reader-scene--wide,
  html[dir="rtl"] .reader-scene--wide{
    width:calc(100vw - 20px)!important;
    margin:32px auto 44px!important;
  }
  .reader-scene figcaption{
    width:calc(100% - 18px)!important;
    font-size:.9rem!important;
  }
  .reader-lightbox__close-form{
    top:10px!important;
    right:10px!important;
  }
  .reader-lightbox__close{
    width:46px!important;
    height:46px!important;
  }
}


/* ==========================================================
   BATCH 12 — exact opening scene and clearly larger logo
   ========================================================== */
.reader-scene--chapter-opening{
  width:min(1380px,calc(100vw - 88px))!important;
  max-width:none!important;
  margin:0 auto 42px!important;
}
.reader-scene--chapter-opening + .reader-section__content{
  padding-top:0!important;
}
.reader-scene--chapter-opening img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}
@media (min-width:1101px){
  :root{--header:122px!important}
  .reader-header{height:122px!important}
  .reader-header__shell{
    height:122px!important;
    width:min(1600px,calc(100% - 54px))!important;
    grid-template-columns:minmax(470px,1fr) auto minmax(360px,1fr)!important;
  }
  .reader-logo{
    width:360px!important;
    min-width:360px!important;
    min-height:88px!important;
  }
  .reader-logo img{
    width:100%!important;
    height:88px!important;
    max-height:none!important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  :root{--header:104px!important}
  .reader-header,.reader-header__shell{height:104px!important}
  .reader-logo{
    width:286px!important;
    min-width:286px!important;
  }
  .reader-logo img{height:70px!important}
}
@media (max-width:900px){
  .reader-scene--chapter-opening{
    width:calc(100vw - 30px)!important;
  }
}