@font-face{font-family:QMHafs;src:url(/yazi-fonts/uthmanic-hafs.woff2) format("woff2");font-display:swap}
html,body{height:auto!important;min-height:100%;margin:0;overflow:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}
body{background:#fffaf0;color:#161310;font-family:"Segoe UI",Tahoma,sans-serif}
body>header,#gate,#page,.num,#qj{display:none!important}
.tr-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:calc(.55rem + env(safe-area-inset-top)) 1rem .55rem;background:#f6f1e4;border-bottom:1px solid #e4d7bc}
.tr-bar a{color:#12352c;font-weight:700;text-decoration:none}
.tr-bar .x{width:2.1rem;height:2.1rem;border-radius:50%;border:1.5px solid #1a1a1a;display:grid;place-items:center;font-size:1.15rem;color:#111}
#qtext{position:static!important;width:auto!important;height:auto!important;max-width:40rem;margin:0 auto!important;padding:.4rem 1.15rem 1.2rem;overflow:visible!important;clip:auto!important}
#qtext h1,#qtext h2{margin:.85rem 0 .2rem;text-align:center;font-size:1rem;font-weight:650;color:#111}
.ayah{padding:1.15rem 0 .95rem;border-bottom:1px solid #111}
.ayah p{margin:0}
.ayah p.ar{font-family:QMHafs,"KFGQPC HAFS Uthmanic Script","Traditional Arabic",serif;font-size:2.05rem;line-height:2.2;text-align:right;direction:rtl;color:#1a1612;margin:0 0 .75rem}
.ayah p.ar .mk{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;margin-inline-start:.35em;padding:0 .2em;border:.08em solid currentColor;border-radius:50%;font-family:"Segoe UI",Tahoma,sans-serif;font-size:.4em;font-weight:700;line-height:1;vertical-align:middle;font-feature-settings:normal}
.ayah p.tr{font-size:1.06rem;line-height:1.75;color:#111}
.ayah p.tr[dir="ltr"]{direction:ltr;text-align:left}
.ayah p.tr[dir="rtl"]{direction:rtl;text-align:right}
.ayah p.tr b{font-weight:700;font-size:.8rem;letter-spacing:.01em;margin-inline-end:.45rem}
.pn{max-width:40rem;margin:0 auto;padding:.35rem 1.15rem 2.4rem;display:flex;justify-content:space-between;align-items:center}
.pn a{color:#111;font-weight:700;text-decoration:none;font-size:1.2rem}
.pn span{color:#6d6458}
.tr-bar{padding-inline-end:3.4rem}
html.qm-theme-white .tr-bar{background:#fff!important;border-bottom-color:#e6e6e6}
html.qm-theme-white .tr-bar a,html.qm-theme-white #qtext h1,html.qm-theme-white #qtext h2,html.qm-theme-white .ayah p.ar,html.qm-theme-white .ayah p.tr,html.qm-theme-white .pn a{color:#111!important}
html.qm-theme-white .tr-bar .x{border-color:#111;color:#111}
html.qm-theme-white .ayah{border-bottom-color:#111}
html.qm-theme-white .pn span{color:#666!important}
html.qm-theme-black body{background:#111!important;color:#f2ebe0}
html.qm-theme-black .tr-bar{background:#161616!important;border-bottom-color:#333}
html.qm-theme-black .tr-bar a,html.qm-theme-black #qtext h1,html.qm-theme-black #qtext h2,html.qm-theme-black .ayah p.ar,html.qm-theme-black .ayah p.tr,html.qm-theme-black .pn a{color:#f2ebe0!important}
html.qm-theme-black .tr-bar .x{border-color:#f2ebe0;color:#f2ebe0}
html.qm-theme-black .ayah{border-bottom-color:#5c5346}
html.qm-theme-black .pn span{color:#b7aa95!important}