@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Amiri Quran;src:url(/fonts/AmiriQuran.ttf)format("truetype");font-display:swap}:root{color-scheme:light;--bg:#f8fafc;--surface:#fff;--soft:#edf3f4;--text:#172630;--muted:#52616b;--accent:#006b68;--border:#d6e0e5;--quran:#006b68;--shadow:0 24px 80px #17263020;--font-body:Inter, system-ui, sans-serif;--font-arabic:Vazirmatn, serif;--font-quran:"Amiri Quran", serif;font-size:100%}:root[data-theme=dark]{color-scheme:dark;--bg:#101820;--surface:#182530;--soft:#20333d;--text:#edf2f5;--muted:#acbbc5;--accent:#73d8ce;--border:#344754;--quran:#73d8ce;--shadow:0 24px 80px #0006}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.65}html[dir=rtl] body{font-family:var(--font-arabic)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.3;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a,button{transition:background .15s,color .15s}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:21px;height:21px}.wrap{width:min(1200px,100% - 64px);margin:auto}.skip{background:var(--surface);z-index:10;padding:10px;position:absolute;inset-block-start:-100px}.skip:focus{inset-block-start:0}.top{border-bottom:1px solid var(--border);background:var(--surface)}.brand .brand-english{color:var(--text);white-space:nowrap;font-family:Georgia,serif;font-size:1.55rem;line-height:1.2}.brand .brand-arabic{font-family:var(--font-arabic);color:var(--accent);white-space:nowrap;font-size:1.65rem;line-height:1.35}html[dir=rtl] .brand-arabic{order:-1}.circle{border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.circle:hover,.plain:hover{background:var(--soft)}.plain{border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:.9rem;display:inline-flex}.hero{grid-template-columns:1.45fr 1fr;align-items:center;gap:80px;padding:54px 0 48px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--accent);margin:0 0 20px;font-size:.75rem;font-weight:650}html[dir=rtl] .eyebrow{letter-spacing:0}h1{font-family:Georgia, var(--font-arabic), serif;letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:400;line-height:1.12}html[dir=rtl] h1{font-family:var(--font-arabic);letter-spacing:0;font-size:3rem;line-height:1.5}h1 span{color:var(--accent)}.intro{color:var(--muted);max-width:540px;margin:0 0 30px;font-size:1.08rem}.actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.primary{background:var(--accent);color:var(--bg);border-radius:7px;align-items:center;gap:24px;padding:13px 20px;font-weight:600;display:inline-flex}.secondary{border-bottom:1px solid var(--border);padding:9px 0}.entry{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:26px}.entry-label{color:var(--muted);margin:0 0 15px;font-size:.85rem}.entry-search{border:1px solid var(--border);background:var(--bg);text-align:start;width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:15px;font-size:.9rem;display:flex}.entry-links{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{border:1px solid var(--border);border-radius:20px;padding:5px 11px;font-size:.8rem}.chip:hover,.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.section-top{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;padding-top:32px;display:flex}h2{margin:0;font-size:1.5rem;font-weight:500}.section-top p{color:var(--muted);margin:0;font-size:.9rem}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{text-align:start;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-height:235px;padding:24px;display:flex}.card:hover{border-color:var(--accent);background:var(--soft)}.card-top{color:var(--accent);justify-content:space-between;margin-bottom:30px;font-size:.8rem;display:flex}.card h3{margin:0 0 12px;font-size:1.08rem;font-weight:550}.card p{color:var(--muted);margin:0;font-size:.9rem}.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:70px;margin:58px 0 48px;padding:32px 0;display:grid}.trust p{color:var(--muted);font-size:.95rem}.trust-links{color:var(--accent);gap:22px;font-size:.9rem;display:flex}.principles{margin:0;padding:0;list-style:none}.principles li{border-bottom:1px solid var(--border);gap:18px;padding:10px 0;font-size:.95rem;display:flex}.principles li:last-child{border:0}.principles span{color:var(--accent)}footer{color:var(--muted);justify-content:space-between;gap:20px;padding-bottom:28px;font-size:.8rem;display:flex}dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);width:min(700px,100% - 28px);max-height:85svh;box-shadow:var(--shadow);border-radius:14px;padding:28px}dialog::backdrop{backdrop-filter:blur(4px);background:#07121cb3}.dialog-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dialog-head h2{font-size:1.3rem}.search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:14px}.jump{border-bottom:1px solid var(--border);margin-bottom:18px;padding:20px 0}.jump p{margin:0 0 10px;font-size:.9rem}.fields{grid-template-columns:1fr 90px auto;align-items:end;gap:12px;display:grid}.fields label{color:var(--muted);font-size:.8rem}select,#verse{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:10px;display:block}.filters{flex-wrap:wrap;gap:6px;display:flex}.note{color:var(--muted);font-size:.85rem}.result{text-align:start;border-bottom:1px solid var(--border);width:100%;color:var(--accent);padding:14px 0;display:block}.menu-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.menu-grid h3{color:var(--muted);font-size:.8rem;font-weight:400}.menu-grid button{text-align:start;width:100%;padding:9px 0;display:block}.language-list a{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px;display:flex}.language-list a[aria-current=page]{color:var(--accent);background:var(--soft)}.quote-quran{font-family:var(--font-quran);color:var(--quran);font-size:1.7em;line-height:2.2}.quote-hadith,.quote-source{font-family:var(--font-arabic);color:var(--text);border-inline-start:3px solid var(--border);padding-inline-start:1rem}.quote-label{font-family:var(--font-body);color:var(--muted);font-size:.85rem}@media (width<=950px){.hero{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.plain{padding:10px}.trust{gap:35px}}@media (width<=600px){.wrap{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 28px}h1{font-size:2.35rem}.section-top{flex-direction:column;align-items:start;gap:8px}.cards{grid-template-columns:1fr}.card{min-height:0;padding:22px}.card-top{margin-bottom:18px}.trust{grid-template-columns:1fr;gap:18px;margin-top:35px}.fields{grid-template-columns:1fr 80px}.fields .primary{grid-column:1/-1;justify-content:center}.menu-grid{grid-template-columns:1fr}.entry{padding:20px}footer{flex-direction:column;gap:4px}.plain{font-size:.85rem}dialog{padding:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=480px){.hero>*,.entry{min-width:0}h1{overflow-wrap:break-word}}.quote{margin:1.5rem 0}.quote figcaption{margin-top:.5rem}.quote-label{display:block}.quote-quran{border-inline-start:3px solid var(--accent);padding-inline-start:1rem}.filters+.search-input{margin-top:14px}#verse-notice:empty{display:none}.reading-page{max-width:780px;margin:3rem auto 5rem}.reading-page h1{margin-bottom:2rem;font-size:2.6rem;line-height:1.35}.invocation{color:var(--accent);text-align:center;text-wrap:balance;margin:0 0 2.5rem;font-size:2rem;font-weight:500;line-height:1.65}.reading-page .invocation+h1{margin-bottom:1.5rem;font-size:1.65rem}@media (width<=600px){.invocation{margin-bottom:2rem;font-size:1.55rem}.reading-page .invocation+h1{font-size:1.4rem}}.prose{font-size:1.08rem;line-height:1.95}.prose p{margin:1.3em 0}.prose h2{margin-top:2.2rem}.prose li{margin-block:1rem}.reading-page a:not(.entry):not(.primary){color:var(--accent);text-underline-offset:4px;text-decoration:underline}.intro-ref{white-space:nowrap;font-size:.9em;display:inline-block}.reading-next{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.reading-next .entry{box-shadow:none;justify-content:space-between;gap:1rem;display:flex}.menu-grid a{padding:9px 0;display:block}.chapter-list{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.quote blockquote{margin:0}.quote-label{font-size:.85rem}.reading-page [id]{scroll-margin-top:2rem}@media (width<=600px){.reading-next,.chapter-list{grid-template-columns:1fr}.reading-page h1{font-size:2rem}.reading-page{margin-top:2rem}.quote-quran{font-size:1.35em}}#search{width:min(620px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}#search .dialog-head{margin-bottom:12px}#search .jump{margin-bottom:14px;padding:8px 0 14px}#search .search-input{min-height:44px;padding:10px 12px}#search .fields{grid-template-columns:minmax(0,1fr) 90px auto}#search .fields label{min-width:0}#search input,#search select{min-width:0;max-width:100%;font-size:max(16px,1rem)}#search .note{margin-block:10px 0}.chapter-list>a{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px;display:flex;text-decoration:none!important}.chapter-list>a span{color:var(--muted);font-size:.9rem}@media (width<=600px){#search .fields .primary{padding:9px 16px}#search{padding:16px}.chapter-list{min-width:0}#search .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#search .fields label:first-child{grid-column:1/-1}#search .fields .primary{grid-column:auto;min-height:44px}}#search .fields label{flex-direction:column;gap:8px;padding-top:3px;line-height:1.65;display:flex}#search .fields label>bdi{display:inline}#search .fields select{margin-top:0}[hidden]{display:none!important}.header{align-items:center;gap:20px;min-height:88px;display:flex}.header>.circle{border:0;border-radius:6px}.brand{flex-direction:column;flex-shrink:0;align-items:center;gap:0;min-width:130px;display:flex}.brand .brand-english{font-size:1.35rem}.brand .brand-arabic{font-size:1.45rem}.language-control{order:3;margin-inline-start:auto}.tools{order:4;align-items:center;gap:16px;display:flex}.search-label{display:inline}.size-controls{border:1px solid var(--border);border-radius:6px;gap:0;padding:0;display:flex;overflow:hidden}.size-controls .circle{border:0;border-radius:0;font-size:1.2rem}.size-controls .circle+.circle{border-inline-start:1px solid var(--border)}#theme{border:0;border-radius:6px}.entry{box-shadow:none;border-radius:6px}.hero .entry{border:0;border-inline-start:1px solid var(--border);background:0 0;padding-inline-start:28px}.card{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;padding-inline:12px}.card:hover{background:var(--soft)}.chip{border-radius:5px}#chapter-picker{border:1px solid var(--border);background:var(--bg);text-align:start;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;font-size:max(16px,1rem);display:flex}#chapter-selected{overflow-wrap:anywhere;min-width:0}.picker-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.picker-top h3{margin:0;font-weight:500}#chapter-options{overscroll-behavior:contain;max-height:min(52dvh,440px);margin-top:12px;padding:4px;overflow:auto}.chapter-option{text-align:start;border-bottom:1px solid var(--border);border-radius:4px;align-items:center;gap:16px;width:100%;padding:12px 8px;display:flex}.chapter-option:hover,.chapter-option[aria-pressed=true]{background:var(--soft)}.chapter-number{width:2.4em;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.chapter-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chapter-copy strong{font-size:1rem;font-weight:550}.chapter-copy>span{color:var(--muted);font-size:.85rem}.chapter-check{visibility:hidden;color:var(--accent)}.chapter-option[aria-pressed=true] .chapter-check{visibility:visible}#chapter-query{font-size:max(16px,1rem)}@media (width<=700px){.header{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:0;padding:10px 0;display:grid}.brand{justify-self:start;align-items:flex-start;min-width:0}.brand .brand-english{font-size:1.13rem}.brand .brand-arabic{font-size:1.3rem}.language-control{grid-area:1/3;gap:5px;margin:0;padding:8px 4px;font-size:.8rem}.language-control svg{width:17px}.tools{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:8px;width:100%;padding-top:8px;display:flex}.tools>.plain{margin-inline-end:auto;padding-inline:4px}.hero .entry{border-inline-start:0;border-top:1px solid var(--border);padding:22px 0 0}.header .circle{width:44px;height:44px}}@media (width<=360px){.header{column-gap:4px}.language-control svg{display:none}.brand .brand-english{font-size:1rem}}
