@font-face{font-family:Droid Arabic Naskh;src:url(/fonts/DroidNaskh-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Droid Arabic Naskh;src:url(/fonts/DroidNaskh-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/aref-ruqaa-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}:root{color-scheme:light;--navy:#1f4d40;--blue:#2c6e58;--link:#2a7560;--green:#8cc63f;--green-dark:#6fa831;--bg:#f4f4f4;--card:#fff;--ink:#2b2b2b;--muted:#777;--line:#e4e4e4;--soft:#f8f8f8;--ui:"Noto Kufi Arabic", "Droid Arabic Naskh", sans-serif;--fs:1}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Droid Arabic Naskh,Noto Naskh Arabic,serif;font-size:18px;line-height:1.9}a{color:var(--link);text-decoration:none}a:hover{color:var(--navy)}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.icon{vertical-align:-.125em;width:1em;height:1em;display:inline-block}button{font:inherit}.top{background:var(--navy);border-bottom:3px solid var(--green);color:#fff}.top-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;padding-top:.55rem;padding-bottom:.65rem;display:flex}.logo{color:#fff;flex-direction:column;line-height:1.25;display:flex}.logo:hover{color:#fff}.logo small{font-family:var(--ui);opacity:.85;font-size:.72rem;font-weight:400}.logo span{font-family:Aref Ruqaa,serif;font-size:2.4rem;font-weight:700;line-height:1.35}.top-tools{font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.search{background:#fff;border:2px solid #fff;border-radius:999px;display:flex;overflow:hidden}.search input{font:inherit;width:9.5rem;min-width:0;color:var(--ink);background:#fff;border:0;outline:0;padding:.3rem .9rem;font-size:.85rem}.search button{color:var(--blue);cursor:pointer;background:#fff;border:0;place-items:center;padding:0 .75rem;font-size:1.1rem;display:grid}.goto input{width:7rem}.menu{border-bottom:1px solid var(--line);font-family:var(--ui);background:#fff;box-shadow:0 1px 3px #0000000d}.menu .wrap{justify-content:space-around;max-width:560px;display:flex}.menu a{color:var(--blue);flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem .65rem;font-size:.92rem;font-weight:700;line-height:1.4;display:flex}.menu i{color:#4f8d77;background:#fff;border:1px solid #d3e3dc;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;transition:background .15s,color .15s;display:grid}.menu a:hover i,.menu a.on i{background:var(--blue);border-color:var(--blue);color:#fff}.menu a.on{color:var(--navy)}.page{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e2e2e2' stroke-width='1'%3E%3Crect x='20' y='20' width='32' height='32'/%3E%3Crect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l14 14M72 0L58 14M0 72l14-14M72 72L58 58'/%3E%3C/g%3E%3C/svg%3E");min-height:60vh;padding:1.5rem 0 2.5rem}.crumbs{background:var(--soft);border:1px solid var(--line);font-family:var(--ui);color:var(--muted);border-radius:3px;flex-wrap:wrap;gap:.2rem;margin:0 0 1.2rem;padding:.45rem 1rem;font-size:.85rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:#bbb;margin:0 .5rem}.sec{font-family:var(--ui);border-bottom:2px solid #dce8e2;justify-content:space-between;align-items:flex-end;margin:0 0 1.1rem;display:flex}.sec h1,.sec h2{background:var(--green-dark);color:#fff;border-radius:4px 4px 0 0;margin:0;padding:.4rem 1.1rem;font-size:.95rem;font-weight:700;line-height:1.5}.panel{background:var(--card);border-radius:3px;box-shadow:0 1px 5px #00000024}.panel-body{padding:1.2rem 1.6rem}.hero{text-align:center;padding:1.6rem 1rem 1.3rem}.hero .t{color:var(--navy);margin:0;font-family:Aref Ruqaa,serif;font-size:3.2rem;font-weight:700;line-height:1.4}.hero .b{color:var(--blue);margin:.2rem 0 0;font-size:1.25rem}.hero .a{font-family:var(--ui);color:var(--muted);margin:.3rem 0 0;font-size:.9rem}.resume{font-family:var(--ui);background:#f3f8ec;border:1px solid #d8e8c0;border-radius:3px;margin:0 0 1.2rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:700;display:block}.resume[hidden]{display:none}.slist{grid-template-columns:repeat(3,1fr);gap:0 1rem;margin:0;padding:0;list-style:none;display:grid}.slist li{border-bottom:1px solid #ececec}.slist a{color:var(--ink);align-items:center;gap:.7rem;padding:.55rem .2rem;display:flex}.slist a:hover{color:var(--navy);background:#f6faf8}.slist .no{width:2.2rem;height:2.2rem;font-family:var(--ui);color:var(--blue);border:1px solid #d3e3dc;border-radius:50%;flex:none;place-items:center;font-size:.8rem;line-height:1;display:grid}.slist .nm{flex:1;font-size:1.15rem}.slist .cnt{font-family:var(--ui);color:var(--muted);font-size:.75rem}.juzs{gap:1rem;display:grid}.juz{border:1px solid var(--line);background:#fff;border-radius:3px}.juz h3{background:var(--soft);border-bottom:1px solid var(--line);font-family:var(--ui);color:var(--blue);margin:0;padding:.45rem 1rem;font-size:.95rem}.juz ul{flex-wrap:wrap;gap:.1rem 1.4rem;margin:0;padding:.4rem 1rem;list-style:none;display:flex}.juz a small{font-family:var(--ui);color:var(--muted);font-size:.75rem}.shead{text-align:center;padding:1rem 0 .4rem}.shead h1{color:var(--navy);margin:0;font-family:Aref Ruqaa,serif;font-size:2.6rem;line-height:1.5}.shead .bis{color:var(--blue);margin:.2rem 0 0;font-size:1.7rem}.tools{z-index:5;border:1px solid var(--line);font-family:var(--ui);background:#fffffff5;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .7rem;margin:.8rem 0 1.2rem;padding:.5rem;font-size:.85rem;display:flex;position:sticky;top:0}.tools button,.tools select,.tools input{font:inherit;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cfdcd6;border-radius:999px;padding:.25rem .9rem;font-size:.85rem}.tools button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.tools button:hover{border-color:var(--blue)}.tools input{cursor:text;width:6.5rem;color:var(--ink)}.tools .sep{background:var(--line);width:1px;height:1.4rem}.passage{background:#fff;border-radius:3px;margin:0 0 1.4rem;scroll-margin-top:7.5rem;box-shadow:0 1px 5px #00000024}.verses{text-align:center;font-size:calc(var(--fs) * 1.75 * 1rem);color:#17463a;background:#fbfdfb;border-bottom:1px solid #ececec;border-radius:3px 3px 0 0;padding:1rem 1.6rem .4rem;line-height:2.3}.v{scroll-margin-top:7.5rem}.v:target{background:#fbf3c4;border-radius:4px}.vn{font-family:var(--ui);color:var(--blue);white-space:nowrap;padding:0 .2em;font-size:.5em}.tafsir{font-size:calc(var(--fs) * 1.65 * 1rem);padding:1rem 1.6rem;line-height:2.1}.tafsir p{text-align:justify;margin:0 0 .9rem}.tafsir p:last-child{margin-bottom:0}.q{color:#17463a}.ptools{font-family:var(--ui);color:var(--muted);border-top:1px solid #ececec;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.78rem;display:flex}.ptools .ref{margin-inline-end:auto}.ptools button{color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.2rem .5rem}.ptools button:hover{background:#eef5f1}.pager{font-family:var(--ui);justify-content:space-between;gap:1rem;padding:.9rem 0;font-size:.9rem;display:flex}.toast{background:var(--navy);color:#fff;font-family:var(--ui);z-index:20;border-radius:999px;padding:.45rem 1.2rem;font-size:.85rem;position:fixed;bottom:1.2rem;left:50%;translate:-50%}.toast[hidden]{display:none}.sform{gap:.6rem;padding:1rem 1.6rem;display:flex}.sform input{font:inherit;border:1px solid #d9d9d9;border-radius:999px;outline:0;flex:1;min-width:0;padding:.45rem 1rem;font-size:1.05rem}.sform input:focus{border-color:var(--blue)}.sform button{background:var(--green);color:#fff;font-family:var(--ui);cursor:pointer;border:0;border-radius:999px;padding:0 1.6rem;font-weight:700}.results{margin:0;padding:0 1.6rem 1rem;list-style:none}.results li{border-top:1px solid #ececec;padding:1rem 0}.results .ref{font-family:var(--ui);margin-bottom:.2rem;font-size:.85rem;font-weight:700;display:block}.results p{margin:0;font-size:1.15rem;line-height:2}.results mark{color:inherit;background:#fbf3c4;border-radius:2px}.note{color:var(--muted);font-family:var(--ui);padding:0 1.6rem 1.2rem;font-size:.85rem}.more{color:var(--blue);cursor:pointer;font-family:var(--ui);background:#fff;border:1px solid #cfdcd6;border-radius:999px;margin:.5rem auto 1.2rem;padding:.35rem 1.6rem;display:block}.foot{background:var(--navy);color:#c6dcd3;border-top:3px solid var(--green);font-family:var(--ui);text-align:center;padding:1.2rem 0;font-size:.85rem}.foot a{color:#fff;text-decoration:underline}.notice{text-align:left;white-space:pre-wrap;direction:ltr;padding:1rem 1.4rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.6}@media (width<=760px){.slist{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){body{font-size:17px}.top-in{text-align:center;justify-content:center}.logo{align-items:center}.logo span{font-size:2rem}.top-tools{justify-content:center;gap:.5rem;width:100%}.search input{width:100%}.search{flex:8rem}.goto{flex:0 8rem}.goto input{width:100%}.menu a{padding-inline:.2rem;font-size:.85rem}.menu i{width:2.3rem;height:2.3rem;font-size:1.15rem}.page{padding-top:1rem}.slist{grid-template-columns:1fr}.hero .t{font-size:2.6rem}.hero .b{font-size:1.05rem}.shead h1{font-size:2.2rem}.verses,.tafsir{padding-inline:1rem}.tafsir p{text-align:right}.sform,.results,.note,.panel-body{padding-inline:1rem}.tools{gap:.4rem;padding:.4rem}}