.st-filter{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0 0 14px;padding:0;border:0}.st-filter legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:700;color:#1a141099}.st-chip{position:relative;display:inline-flex;min-height:44px;align-items:center;gap:6px;padding:0 12px;border-radius:999px;border:1.5px solid var(--glass-rim);background:#fffcf4b3;font-size:13.5px;font-weight:600;color:var(--foreground);cursor:pointer}.st-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.st-chip small{font-size:12px;font-variant-numeric:tabular-nums;color:#1a141099}.st-chip:has(input:checked){border-color:transparent;background-image:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:var(--primary-foreground)}.st-chip:has(input:checked) small{color:inherit}.st-chip:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.st-text{padding:16px 18px}.st .st-text p{max-width:none;margin:0 0 8px;font-size:1.6rem;line-height:2.3;color:#f5ede0;text-align:justify;content-visibility:auto;contain-intrinsic-size:auto 480px}.st .st-text p:last-child{margin-bottom:0}.st-text .end{color:var(--gold-top)}@media(min-width:768px){.st .st-text p{font-size:1.85rem}.st-text{padding:22px 28px}}.st-range{margin-top:12px;scroll-margin-top:80px;border-radius:var(--radius-card);border:1.5px solid var(--glass-rim);background:#fffcf48c;padding:0 16px}.st-range>summary{display:flex;flex-wrap:wrap;min-height:56px;align-items:center;gap:4px 12px;cursor:pointer;list-style:none}.st-range>summary::-webkit-details-marker{display:none}.st-range>summary:after{content:"+";margin-inline-start:auto;font-size:20px;font-weight:700;color:var(--gold-top)}.st-range[open]>summary:after{content:"–"}.st-range>summary span{font-size:13.5px;font-weight:600;color:#1a141099}.st-range[open]{padding-bottom:8px}.st-range-h{color:var(--foreground)}.st-v{padding:14px 0 16px;border-top:1px solid rgb(230 211 164 / .7);scroll-margin-top:80px;content-visibility:auto;contain-intrinsic-size:auto 360px}.st-vh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:16px;font-weight:700}.st-vh small{font-size:13px;font-weight:600;color:#1a141099}.st-none{margin:0!important;font-size:14px;color:#1a1410a6}.st-ws{display:grid;gap:10px;margin:0;padding:0;list-style:none}@media(min-width:640px){.st-ws{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.st-ws{grid-template-columns:repeat(3,minmax(0,1fr))}}.st-w{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:start;gap:10px;padding:12px;border:1.5px solid var(--glass-rim);border-radius:var(--radius-card);background-image:linear-gradient(180deg,var(--glass-top),var(--glass-bottom))}.st .st-wa{grid-column:1 / -1;min-width:0;max-width:none;margin:0;padding:4px 14px;border-radius:16px;background-color:var(--espresso);font-family:var(--app-font-quran);font-weight:400;font-size:1.75rem;line-height:1.95;color:#f5ede0;text-align:center;overflow-wrap:anywhere}.st .st-w:has(.st-play) .st-wa{grid-column:1}.st-play{position:relative;flex:none;width:44px;height:44px;border:0;border-radius:999px;background-image:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:var(--primary-foreground);cursor:pointer}.st-play:before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.4-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.4-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5Z'/%3E%3C/svg%3E") center / contain no-repeat}.st-play[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6.5' y='5' width='4' height='14' rx='1'/%3E%3Crect x='13.5' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6.5' y='5' width='4' height='14' rx='1'/%3E%3Crect x='13.5' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E")}.st-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.st-rs{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.st-rs li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:10px;row-gap:2px}.st-rs bdi{grid-row:span 2;min-width:44px;padding:0 8px;border-radius:12px;border:1px solid var(--glass-rim);background:var(--card);font-family:var(--app-font-quran);font-weight:400;font-size:1.45rem;line-height:1.7;text-align:center;white-space:nowrap}.st-rs b{font-size:14px;font-weight:700;line-height:1.4}.st-rs [data-reason]{font-size:13.5px;line-height:1.5;color:#1a1410bf}.st-ws>li.tj-c5-item{grid-column:1 / -1}.st-tables{display:block}@media(min-width:900px){.st-tables{columns:2;column-gap:12px}}.st-tbl{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0 0 12px;padding:16px 18px;scroll-margin-top:80px;break-inside:avoid}.st-tbl-h{display:flex;align-items:center;gap:8px}.st .st-tbl-why{margin:0;font-size:14.5px;line-height:1.5;color:#1a1410c7}.st-tbl summary{display:flex;min-height:44px;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:var(--accent-foreground)}.st-tbl summary::-webkit-details-marker{display:none}.st-tbl summary:after{content:"+";color:var(--gold-top)}.st-tbl details[open] summary:after{content:"–"}.st-table{font-size:14px;background-image:none;background:#fffcf499}.st-table caption{padding:8px 12px;font-size:13px}.st-table td:first-child{direction:rtl;font-family:var(--app-font-quran);font-weight:400;font-size:1.45rem;line-height:1.8;text-align:right}.st-table td+td{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.st-tbl .tj-more{align-self:flex-start}.st-pending-h{margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.35;color:inherit}.st .st-pending p{margin:0}.st-ranges{display:grid;gap:10px;margin:0;padding:0;list-style:none}@media(min-width:768px){.st-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.st-ranges{grid-template-columns:repeat(3,minmax(0,1fr))}}.st-ranges li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 16px 14px}.st-range-link{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:var(--foreground);text-decoration:underline;text-decoration-color:#d4a74a99;text-underline-offset:3px}.st .st-ranges p{flex-basis:100%;margin:0;font-size:14px;line-height:1.5;color:#1a1410bf}.st-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.st-pn{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:12px 16px;color:var(--foreground)}.st-pn span{font-size:12.5px;color:#1a141099}.st-pn b{font-size:16px}.st-pn-next{text-align:end}.st:has(input[name=st-rule][value=hamzat_wasl]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=hamzat_wasl]){color:inherit}.st:has(input[name=st-rule][value=hamzat_wasl]:checked) :is([data-row]:not([data-row=hamzat_wasl]),[data-example]:not(:has([data-row=hamzat_wasl])),[data-verse]:not(:has([data-row=hamzat_wasl]))){display:none}.st:has(input[name=st-rule][value=madd_2]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=madd_2]){color:inherit}.st:has(input[name=st-rule][value=madd_2]:checked) :is([data-row]:not([data-row=madd_2]),[data-example]:not(:has([data-row=madd_2])),[data-verse]:not(:has([data-row=madd_2]))){display:none}.st:has(input[name=st-rule][value=ikhfa]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=ikhfa]){color:inherit}.st:has(input[name=st-rule][value=ikhfa]:checked) :is([data-row]:not([data-row=ikhfa]),[data-example]:not(:has([data-row=ikhfa])),[data-verse]:not(:has([data-row=ikhfa]))){display:none}.st:has(input[name=st-rule][value=ghunnah]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=ghunnah]){color:inherit}.st:has(input[name=st-rule][value=ghunnah]:checked) :is([data-row]:not([data-row=ghunnah]),[data-example]:not(:has([data-row=ghunnah])),[data-verse]:not(:has([data-row=ghunnah]))){display:none}.st:has(input[name=st-rule][value=madd_246]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=madd_246]){color:inherit}.st:has(input[name=st-rule][value=madd_246]:checked) :is([data-row]:not([data-row=madd_246]),[data-example]:not(:has([data-row=madd_246])),[data-verse]:not(:has([data-row=madd_246]))){display:none}.st:has(input[name=st-rule][value=silent]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=silent]){color:inherit}.st:has(input[name=st-rule][value=silent]:checked) :is([data-row]:not([data-row=silent]),[data-example]:not(:has([data-row=silent])),[data-verse]:not(:has([data-row=silent]))){display:none}.st:has(input[name=st-rule][value=idghaam_ghunnah]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=idghaam_ghunnah]){color:inherit}.st:has(input[name=st-rule][value=idghaam_ghunnah]:checked) :is([data-row]:not([data-row=idghaam_ghunnah]),[data-example]:not(:has([data-row=idghaam_ghunnah])),[data-verse]:not(:has([data-row=idghaam_ghunnah]))){display:none}.st:has(input[name=st-rule][value=qalqalah]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=qalqalah]){color:inherit}.st:has(input[name=st-rule][value=qalqalah]:checked) :is([data-row]:not([data-row=qalqalah]),[data-example]:not(:has([data-row=qalqalah])),[data-verse]:not(:has([data-row=qalqalah]))){display:none}.st:has(input[name=st-rule][value=madd_munfasil]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=madd_munfasil]){color:inherit}.st:has(input[name=st-rule][value=madd_munfasil]:checked) :is([data-row]:not([data-row=madd_munfasil]),[data-example]:not(:has([data-row=madd_munfasil])),[data-verse]:not(:has([data-row=madd_munfasil]))){display:none}.st:has(input[name=st-rule][value=lam_shamsiyyah]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=lam_shamsiyyah]){color:inherit}.st:has(input[name=st-rule][value=lam_shamsiyyah]:checked) :is([data-row]:not([data-row=lam_shamsiyyah]),[data-example]:not(:has([data-row=lam_shamsiyyah])),[data-verse]:not(:has([data-row=lam_shamsiyyah]))){display:none}.st:has(input[name=st-rule][value=madd_muttasil]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=madd_muttasil]){color:inherit}.st:has(input[name=st-rule][value=madd_muttasil]:checked) :is([data-row]:not([data-row=madd_muttasil]),[data-example]:not(:has([data-row=madd_muttasil])),[data-verse]:not(:has([data-row=madd_muttasil]))){display:none}.st:has(input[name=st-rule][value=idghaam_no_ghunnah]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=idghaam_no_ghunnah]){color:inherit}.st:has(input[name=st-rule][value=idghaam_no_ghunnah]:checked) :is([data-row]:not([data-row=idghaam_no_ghunnah]),[data-example]:not(:has([data-row=idghaam_no_ghunnah])),[data-verse]:not(:has([data-row=idghaam_no_ghunnah]))){display:none}.st:has(input[name=st-rule][value=idghaam_shafawi]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=idghaam_shafawi]){color:inherit}.st:has(input[name=st-rule][value=idghaam_shafawi]:checked) :is([data-row]:not([data-row=idghaam_shafawi]),[data-example]:not(:has([data-row=idghaam_shafawi])),[data-verse]:not(:has([data-row=idghaam_shafawi]))){display:none}.st:has(input[name=st-rule][value=iqlab]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=iqlab]){color:inherit}.st:has(input[name=st-rule][value=iqlab]:checked) :is([data-row]:not([data-row=iqlab]),[data-example]:not(:has([data-row=iqlab])),[data-verse]:not(:has([data-row=iqlab]))){display:none}.st:has(input[name=st-rule][value=ikhfa_shafawi]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=ikhfa_shafawi]){color:inherit}.st:has(input[name=st-rule][value=ikhfa_shafawi]:checked) :is([data-row]:not([data-row=ikhfa_shafawi]),[data-example]:not(:has([data-row=ikhfa_shafawi])),[data-verse]:not(:has([data-row=ikhfa_shafawi]))){display:none}.st:has(input[name=st-rule][value=madd_6]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=madd_6]){color:inherit}.st:has(input[name=st-rule][value=madd_6]:checked) :is([data-row]:not([data-row=madd_6]),[data-example]:not(:has([data-row=madd_6])),[data-verse]:not(:has([data-row=madd_6]))){display:none}.st:has(input[name=st-rule][value=idghaam_mutajanisayn]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=idghaam_mutajanisayn]){color:inherit}.st:has(input[name=st-rule][value=idghaam_mutajanisayn]:checked) :is([data-row]:not([data-row=idghaam_mutajanisayn]),[data-example]:not(:has([data-row=idghaam_mutajanisayn])),[data-verse]:not(:has([data-row=idghaam_mutajanisayn]))){display:none}.st:has(input[name=st-rule][value=idghaam_mutaqaribayn]:checked) :is(.st-text,.st-wa) [data-rule]:not([data-rule=idghaam_mutaqaribayn]){color:inherit}.st:has(input[name=st-rule][value=idghaam_mutaqaribayn]:checked) :is([data-row]:not([data-row=idghaam_mutaqaribayn]),[data-example]:not(:has([data-row=idghaam_mutaqaribayn])),[data-verse]:not(:has([data-row=idghaam_mutaqaribayn]))){display:none}