@charset "utf-8";
@font-face{font-family:'Sheh';src:url(../fonts/scheherazade-ar.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+FD3E-FD3F,U+FDFA,U+200C-200F,U+25CC}
@font-face{font-family:'Sheh';src:url(../fonts/scheherazade-lat.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2013-201D,U+2026,U+2022,U+2212}
@font-face{font-family:'Ruq';src:url(../fonts/ruqaa-ar.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+FD3E-FD3F,U+FDFA,U+200C-200F,U+25CC}
@font-face{font-family:'SQ';src:url(../fonts/quran-ar.woff2) format('woff2');font-display:swap}
:root{
--wq-page:#E9DFCF;--wq-leaf:#FBF7F0;--wq-ink:#2A221B;--wq-mute:#66584A;--wq-ind:#2F3F92;--wq-ind-soft:#E6E7F1;
--wq-rule:#DCCFBB;--wq-rule2:#B9A88E;--wq-show-l:inline;--wq-show-d:none;color-scheme:light;
--wq-scale:1;--wq-naskh:'Sheh','Noto Naskh Arabic','Geeza Pro','Times New Roman',serif;--wq-ruq:'Ruq','Sheh',serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
--wq-page:#0E0C0A;--wq-leaf:#191612;--wq-ink:#EEE5D6;--wq-mute:#AB9C88;--wq-ind:#AEBAFF;--wq-ind-soft:#252943;
--wq-rule:#352F27;--wq-rule2:#5A4F40;--wq-show-l:none;--wq-show-d:inline;color-scheme:dark}}
:root[data-theme=dark]{
--wq-page:#0E0C0A;--wq-leaf:#191612;--wq-ink:#EEE5D6;--wq-mute:#AB9C88;--wq-ind:#AEBAFF;--wq-ind-soft:#252943;
--wq-rule:#352F27;--wq-rule2:#5A4F40;--wq-show-l:none;--wq-show-d:inline;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--wq-page);color:var(--wq-ink);font:400 19px/1.75 var(--wq-naskh)}
a{color:var(--wq-ind);text-decoration-thickness:1px;text-underline-offset:.3em}
:focus-visible{outline:2px solid var(--wq-ind);outline-offset:2px}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.wq-skip{position:absolute;inset-inline-start:-999px}.wq-skip:focus{inset-inline-start:8px;top:8px;background:var(--wq-leaf);padding:6px 10px;z-index:9}
.wq-top{background:var(--wq-leaf);border-bottom:3px double var(--wq-ind);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;min-height:54px}
.wq-brand{font:700 27px/1 var(--wq-ruq);color:var(--wq-ink);text-decoration:none;display:flex;align-items:baseline;gap:8px}
.wq-brand small{font:400 13px/1 var(--wq-naskh);color:var(--wq-mute);letter-spacing:.04em}
.wq-nav{display:flex;align-items:center;gap:2px}
.wq-nav a,.wq-mode{font:700 16px/1 var(--wq-ruq);color:var(--wq-ink);text-decoration:none;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}
.wq-nav a[aria-current]{color:var(--wq-ind)}
.wq-nav a[lang=en],[dir=ltr] .wq-nav a,[dir=ltr] .wq-mode{font:400 16px/1 var(--wq-naskh);letter-spacing:.04em}
[dir=ltr] .wq-nav a[lang=ar]{font:700 17px/1 var(--wq-ruq)}
.wq-mode{color:var(--wq-ind);border-inline-start:1px solid var(--wq-rule);padding-inline-start:12px;margin-inline-start:4px}
.wq-mode .wq-l{display:var(--wq-show-l)}.wq-mode .wq-d{display:var(--wq-show-d)}
.wq-leaf{background:var(--wq-leaf);max-width:1180px;margin:0 auto;padding:4px 18px 32px}
.wq-crumbs{font-size:15px;color:var(--wq-mute);margin:8px 0 0;line-height:1.6}
.wq-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.wq-crumbs li{margin:0}
.wq-crumbs li+li::before{content:"‹";margin:0 .5em;color:var(--wq-rule2)}
[dir=ltr] .wq-crumbs li+li::before{content:"›"}
.wq-crumbs a{color:var(--wq-mute);text-decoration:none}
h1,h2,h3{font-family:var(--wq-ruq);font-weight:700;line-height:1.35;margin:0}
h1{font-size:31px;margin:6px 0 0}
.wq-when{margin:2px 0 14px;color:var(--wq-mute);font-size:18px;line-height:1.6}
h2{font-size:24px;color:var(--wq-ind);margin:34px 0 10px;display:flex;align-items:center;gap:12px}
h2::after{content:"";flex:1;border-top:3px double var(--wq-rule2)}
h3{font-size:20px;margin:22px 0 4px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-inline-start:22px}
li{margin:0 0 6px}
li::marker{color:var(--wq-ind)}
.wq-off{color:var(--wq-mute)}
.wq-dua{margin:0 0 18px;padding:12px 14px 0;border:1px solid var(--wq-ind);box-shadow:inset 0 0 0 4px var(--wq-leaf),inset 0 0 0 5px var(--wq-ind)}
.wq-dua-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 0;font:700 16px/1.2 var(--wq-ruq);color:var(--wq-ind)}
.wq-size{display:flex}
.wq-size button{min-width:44px;min-height:40px;font:700 17px/1 var(--wq-ruq);color:var(--wq-ink);border:1px solid var(--wq-rule)}
.wq-size button+button{border-inline-start:0}
.wq-dua blockquote{margin:0;padding:2px 4px 0}
.wq-dua blockquote p{font-family:var(--wq-naskh);font-size:calc(26px * var(--wq-scale));line-height:2.05;margin:0;text-wrap:pretty}
.wq-dua blockquote p+p{margin-top:.5em}
.wq-dua blockquote p:last-of-type{margin-bottom:10px}
.wq-dua blockquote footer{font-size:15px;line-height:1.6;color:var(--wq-mute);border-top:1px solid var(--wq-rule);padding:8px 0 10px}
.wq-dua blockquote footer::before{content:"المصدر  ";font:700 14px var(--wq-ruq);color:var(--wq-ind)}
[dir=ltr] .wq-dua blockquote footer::before{content:"Source  ";font:400 14px var(--wq-naskh);letter-spacing:.08em;text-transform:uppercase}
.wq-aside{font-size:.68em;color:var(--wq-mute)}
.wq-tools{display:grid;grid-template-columns:1fr 1fr;margin:0 -14px;border-top:1px solid var(--wq-ind)}
.wq-tools button{min-height:52px;font:700 19px/1 var(--wq-ruq);color:var(--wq-ind);display:inline-flex;align-items:center;justify-content:center;gap:9px}
.wq-tools button+button{border-inline-start:1px solid var(--wq-ind)}
.wq-tools button:active,.wq-size button:active{background:var(--wq-ind-soft)}
.wq-ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:square;stroke-linejoin:miter}
[dir=ltr] .wq-tools button,[dir=ltr] .wq-size button{font:400 17px/1 var(--wq-naskh);letter-spacing:.04em}
.wq-count{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 12px;padding:10px 12px;border:1px dashed var(--wq-rule2);min-height:52px}
.wq-tally{display:flex;flex-wrap:wrap;gap:7px;flex:1}
.wq-bead{display:block;width:5px;height:26px;background:var(--wq-rule);transform:skewX(-12deg)}
.wq-bead.wq-on{background:var(--wq-ind)}
.wq-count .wq-n{font:700 24px/1 var(--wq-ruq);color:var(--wq-ind)}
.wq-count small{font-size:15px;color:var(--wq-mute)}
.wq-count.wq-done{border-style:solid;border-color:var(--wq-ind);background:var(--wq-ind-soft)}
blockquote[data-kind=ayah]{margin:4px 0 18px;padding:10px 0;border-block:1px solid var(--wq-rule);text-align:center}
blockquote[data-kind=ayah] p{font-family:'SQ',var(--wq-naskh);font-size:23px;line-height:2.1;margin:0}
blockquote[data-kind=ayah] p:first-of-type::before{content:"﴿";padding-inline-end:.2em;color:var(--wq-ind)}
blockquote[data-kind=ayah] p:last-of-type::after{content:"﴾";padding-inline-start:.2em;color:var(--wq-ind)}
blockquote[data-kind=ayah] footer{font-size:15px;color:var(--wq-mute)}
blockquote[data-kind=hadith]{margin:4px 0 18px;padding:2px 0;padding-inline-start:14px;border-inline-start:3px double var(--wq-rule2)}
blockquote[data-kind=hadith] p{font-size:21px;line-height:2;margin:0}
blockquote[data-kind=hadith] footer{font-size:15px;color:var(--wq-mute)}
blockquote[data-kind=hadith]::before{content:"حديث";display:block;font:700 14px/1.6 var(--wq-ruq);color:var(--wq-ind)}
.wq-tw{overflow-x:auto;margin:0 0 16px}
table{width:100%;border-collapse:collapse;font-size:17px}
caption{text-align:start;font:700 16px var(--wq-ruq);color:var(--wq-mute);padding-bottom:4px}
th,td{text-align:start;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--wq-rule)}
thead th{font:700 16px var(--wq-ruq);color:var(--wq-ind);border-bottom:3px double var(--wq-rule2)}
.wq-sum{list-style:none;margin:0 0 18px;padding:6px 16px;border:1px solid var(--wq-ind);box-shadow:inset 0 0 0 4px var(--wq-leaf),inset 0 0 0 5px var(--wq-ind)}
.wq-sum li{margin:0;padding:8px 0;padding-inline-start:20px;border-bottom:1px solid var(--wq-rule);font-size:18px;line-height:1.7;position:relative}
.wq-sum li:last-child{border:0}
.wq-sum li::before{content:"";position:absolute;inset-inline-start:2px;top:.85em;width:7px;height:7px;background:var(--wq-ind);transform:rotate(45deg)}
.wq-steps{list-style:none;padding:0;counter-reset:s}
.wq-steps li{counter-increment:s;display:grid;grid-template-columns:38px 1fr;gap:6px;margin:0 0 10px}
.wq-steps li::before{content:counter(s,arabic-indic);font:700 26px/1.2 var(--wq-ruq);color:var(--wq-ind);text-align:center;border-inline-end:1px solid var(--wq-rule)}
[dir=ltr] .wq-steps li::before{content:counter(s);font:400 24px/1.2 var(--wq-naskh)}
.wq-faq{margin:0 0 8px;border-top:1px solid var(--wq-rule)}
.wq-faq details{border-bottom:1px solid var(--wq-rule)}
.wq-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;min-height:48px}
.wq-faq summary::-webkit-details-marker{display:none}
.wq-faq summary h3{margin:0;font-size:19px}
.wq-faq summary::after{content:"+";font:400 26px/1 var(--wq-naskh);color:var(--wq-ind);flex:none}
.wq-faq details[open] summary::after{content:"−"}
.wq-faq details>p{margin:0 0 14px}
.wq-mast{padding:16px 0 4px}
.wq-mast h1{font-size:38px}
.wq-mast p{color:var(--wq-mute);font-size:18px;margin:4px 0 0;max-width:34em}
.wq-sits{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 8px;padding:1px;list-style:none}
.wq-sits li{margin:0;display:flex}
.wq-sit{flex:1;background:var(--wq-leaf);outline:1px solid var(--wq-rule);padding:10px 12px 9px;min-height:80px;text-decoration:none;color:var(--wq-ink);display:flex;flex-direction:column;justify-content:space-between}
.wq-sit b{font:700 22px/1.35 var(--wq-ruq)}
.wq-sit span{font-size:16px;line-height:1.4;color:var(--wq-ind)}
.wq-sit.wq-off b,.wq-sit.wq-off span{color:var(--wq-mute)}
a.wq-sit:active{background:var(--wq-ind-soft)}
.wq-fihris{list-style:none;padding:0;margin:0 0 14px;counter-reset:f}
.wq-fihris li{counter-increment:f;display:grid;grid-template-columns:34px 1fr;margin:0;padding:7px 0;border-bottom:1px solid var(--wq-rule);break-inside:avoid}
.wq-fihris li::before{content:counter(f,arabic-indic);color:var(--wq-ind);font:700 18px/1.7 var(--wq-ruq)}
[dir=ltr] .wq-fihris li::before{content:counter(f);font:400 17px/1.7 var(--wq-naskh)}
.wq-fihris a{font-size:19px;text-decoration:none}
.wq-fihris a:hover{text-decoration:underline}
.wq-fihris span{display:block;grid-column:2;font-size:15px;line-height:1.5;color:var(--wq-mute)}
.wq-fihris.wq-short{columns:2;column-gap:24px}
.wq-subh{font:700 18px var(--wq-ruq);color:var(--wq-mute);margin:16px 0 2px}
.wq-rel{list-style:none;padding:0;display:grid;gap:1px;background:var(--wq-rule);border:1px solid var(--wq-rule)}
.wq-rel li{margin:0;background:var(--wq-leaf)}
.wq-rel a,.wq-rel span{display:block;padding:12px 14px;text-decoration:none;font:700 19px var(--wq-ruq);color:var(--wq-ink)}
.wq-rel a::after{content:" ←";color:var(--wq-ind)}
.wq-rel span{color:var(--wq-mute)}
[dir=ltr] .wq-rel a,[dir=ltr] .wq-rel span{font:400 18px var(--wq-naskh)}[dir=ltr] .wq-rel a::after{content:" →"}
.wq-card{margin:26px 0 8px}
.wq-card img{display:block;width:100%;max-width:520px;height:auto;border:1px solid var(--wq-rule)}
.wq-card figcaption{font-size:15px;color:var(--wq-mute);margin-top:6px}
.wq-slot{margin:18px 0;min-height:120px}
.wq-slot[hidden]{display:none}
.wq-tri p{margin:0;padding:10px 0;border-bottom:1px solid var(--wq-rule)}
.wq-tri p:last-of-type{border:0}
.wq-tri .wq-ar{font-size:calc(25px * var(--wq-scale));line-height:2.05}
.wq-tri .wq-tr{font-size:calc(17px * var(--wq-scale));color:var(--wq-mute)}
.wq-tri .wq-mn{font-size:calc(18px * var(--wq-scale))}
[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3{font-family:var(--wq-naskh);font-weight:400}
[dir=ltr] h1{font-size:33px;line-height:1.2}[dir=ltr] h2{font-size:25px}
[dir=ltr] .wq-dua-head{font:400 14px/1.2 var(--wq-naskh);letter-spacing:.1em;text-transform:uppercase}
.wq-lost{padding:30px 0 10px;text-align:center}
.wq-lost b{display:block;font:700 72px/1 var(--wq-ruq);color:var(--wq-ind)}
.wq-foot{max-width:1180px;margin:0 auto;padding:18px 18px 40px;border-top:3px double var(--wq-rule2);font-size:16px;color:var(--wq-mute)}
.wq-foot nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:8px}
.wq-foot a{color:var(--wq-ink);min-height:36px;display:inline-flex;align-items:center}
.wq-foot p{margin:0}
.wq-toast{position:fixed;inset-inline:16px;bottom:16px;margin:0 auto;max-width:320px;background:var(--wq-ink);color:var(--wq-leaf);text-align:center;
padding:10px 14px;font:700 17px var(--wq-ruq);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}
[dir=ltr] .wq-toast{font:400 16px var(--wq-naskh)}
.wq-toast.wq-on{opacity:1;transform:none}
.wq-print{display:none}
.wq-mh{font:700 18px/1.4 var(--wq-ruq);color:var(--wq-ind);margin:8px 0 6px}
@media (min-width:760px){
.wq-top{padding:8px max(28px,calc((100% - 1180px) / 2))}
.wq-leaf{padding:8px 40px 48px;margin-top:22px;border:1px solid var(--wq-rule)}
h1{font-size:40px}
.wq-sits{grid-template-columns:repeat(4,1fr)}
.wq-fihris{columns:2;column-gap:40px}
.wq-fihris.wq-short{columns:3}
.wq-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0 44px}
.wq-page-grid>.wq-margin{grid-column:2;grid-row:1 / span 40;border-inline-start:1px solid var(--wq-rule);padding-inline-start:22px;font-size:16px;color:var(--wq-mute)}
.wq-page-grid>*:not(.wq-margin){grid-column:1}
.wq-margin ul{padding:0;list-style:none;position:sticky;top:16px}
.wq-margin li{border-bottom:1px solid var(--wq-rule);padding:6px 0;margin:0;line-height:1.5}
.wq-dua{padding:18px 26px 0}
.wq-dua blockquote p{font-size:calc(31px * var(--wq-scale));line-height:2.1}
.wq-tools{margin:0 -26px}
.wq-rel{grid-template-columns:1fr 1fr}
.wq-rel li:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (max-width:759px){.wq-margin{display:none}}
@media (min-width:1100px){.wq-mast h1{font-size:48px}}
@media print{
@page{size:A5;margin:14mm 13mm}
:root{--wq-leaf:#fff;--wq-ink:#000;--wq-mute:#333;--wq-ind:#000;--wq-rule:#999;--wq-scale:1 !important}
body{background:#fff;font-size:12pt}
.wq-top,.wq-crumbs,.wq-foot,.wq-toast,.wq-skip,.wq-when,.wq-margin{display:none !important}
.wq-leaf{border:0;margin:0;padding:0;max-width:none}
.wq-page-grid{display:block}
body.wq-has-main .wq-page-grid>*:not(h1):not([data-wq-main]):not(.wq-print){display:none !important}
h1{font-size:19pt;margin:0 0 5mm;text-align:center}
.wq-dua{box-shadow:none;border:0;padding:0}
.wq-dua-head,.wq-tools,.wq-count{display:none}
.wq-dua blockquote p{font-size:15pt;line-height:1.95;text-align:justify}
.wq-dua blockquote footer{font-size:10pt}
.wq-print{display:block;margin-top:3mm;text-align:center;font-size:9pt;color:#333}
}