:root{--paper:#F7F5EF;--card:#FFFFFF;--ink:#17222B;--soft:#5B6873;--line:#E5E0D3;--lapis:#0B6E5F;--lapis-wash:#E4F2EE;--gold:#B07D25;--gold-wash:#F9EFD9;--accent2:#14907B;--glow:rgba(11,110,95,.10);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23B07D25%27%20stroke-opacity%3D%270.09%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0B1513;--card:#11211E;--ink:#E7EFEC;--soft:#9BB0AA;--line:#1D3430;--lapis:#5CCFB3;--lapis-wash:#123630;--gold:#E3BA5F;--gold-wash:#2D2614;--accent2:#7FE0C8;--glow:rgba(92,207,179,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23E3BA5F%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}}
:root[data-theme="dark"]{--paper:#0B1513;--card:#11211E;--ink:#E7EFEC;--soft:#9BB0AA;--line:#1D3430;--lapis:#5CCFB3;--lapis-wash:#123630;--gold:#E3BA5F;--gold-wash:#2D2614;--accent2:#7FE0C8;--glow:rgba(92,207,179,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23E3BA5F%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
:root[data-palette="royal"]{--paper:#F4F6FB;--card:#FFFFFF;--ink:#141B2D;--soft:#5A6478;--line:#DFE4EF;--lapis:#24439A;--lapis-wash:#E9EEFB;--gold:#B5862E;--gold-wash:#FAF1DC;--accent2:#3D63C9;--glow:rgba(36,67,154,.10);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2324439A%27%20stroke-opacity%3D%270.09%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root[data-palette="royal"]:not([data-theme="light"]){--paper:#0A0F1E;--card:#111830;--ink:#E6EAF4;--soft:#98A2BA;--line:#1E2847;--lapis:#8DA8FF;--lapis-wash:#16224A;--gold:#E5BC60;--gold-wash:#2C2515;--accent2:#B4C6FF;--glow:rgba(141,168,255,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%238DA8FF%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}}
:root[data-palette="royal"][data-theme="dark"]{--paper:#0A0F1E;--card:#111830;--ink:#E6EAF4;--soft:#98A2BA;--line:#1E2847;--lapis:#8DA8FF;--lapis-wash:#16224A;--gold:#E5BC60;--gold-wash:#2C2515;--accent2:#B4C6FF;--glow:rgba(141,168,255,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%238DA8FF%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
:root[data-palette="burgundy"]{--paper:#F8F3EC;--card:#FFFDF9;--ink:#2A1B1E;--soft:#6E5B5E;--line:#EADFD2;--lapis:#7A1F35;--lapis-wash:#F5E6E8;--gold:#A9782A;--gold-wash:#F7EBD3;--accent2:#A33A54;--glow:rgba(122,31,53,.09);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23A9782A%27%20stroke-opacity%3D%270.10%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root[data-palette="burgundy"]:not([data-theme="light"]){--paper:#150C0E;--card:#211417;--ink:#F1E7E5;--soft:#B59FA2;--line:#3A2329;--lapis:#F08AA3;--lapis-wash:#3A1A22;--gold:#E6BE6A;--gold-wash:#2F2514;--accent2:#F7B3C3;--glow:rgba(240,138,163,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23E6BE6A%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}}
:root[data-palette="burgundy"][data-theme="dark"]{--paper:#150C0E;--card:#211417;--ink:#F1E7E5;--soft:#B59FA2;--line:#3A2329;--lapis:#F08AA3;--lapis-wash:#3A1A22;--gold:#E6BE6A;--gold-wash:#2F2514;--accent2:#F7B3C3;--glow:rgba(240,138,163,.08);--pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2796%27%20height%3D%2796%27%20viewBox%3D%270%200%2096%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23E6BE6A%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.1%27%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27/%3E%3Crect%20x%3D%2727%27%20y%3D%2727%27%20width%3D%2742%27%20height%3D%2742%27%20transform%3D%27rotate%2845%2048%2048%29%27/%3E%3Ccircle%20cx%3D%2748%27%20cy%3D%2748%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M0%200L27%2027M96%200L69%2027M0%2096L27%2069M96%2096L69%2069M48%200V18M48%2078V96M0%2048H18M78%2048H96%27/%3E%3C/g%3E%3C/svg%3E")}
html{scroll-behavior:smooth}
body{background:radial-gradient(900px 420px at 85% -80px,var(--glow),transparent 70%),radial-gradient(800px 420px at 0% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 65%),var(--pattern),var(--paper)!important;background-attachment:fixed,fixed,scroll,scroll!important;background-size:auto,auto,96px 96px,auto!important}
.hero{position:relative;margin-top:14px!important;padding:34px 26px 26px!important;border-radius:26px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--lapis-wash) 92%,transparent),color-mix(in srgb,var(--gold-wash) 85%,transparent))!important;border:1px solid var(--line)!important;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;background:var(--pattern);background-size:96px 96px;opacity:.9;z-index:-1;-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000 100%);mask-image:linear-gradient(120deg,transparent 30%,#000 100%)}
.palbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;height:30px;padding:0 10px;cursor:pointer;font-size:14px;line-height:1;box-shadow:var(--shadow);margin-inline-start:6px}
.palmenu{position:absolute;z-index:95;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow2);padding:8px;display:none;gap:6px;flex-direction:column;min-width:170px}
.palmenu.open{display:flex}.palmenu button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:6px 10px;cursor:pointer;font:600 13px var(--ui)}
.palmenu button i{display:inline-block;width:28px;height:16px;border-radius:8px}
.palmenu button.on{outline:2px solid var(--lapis)}
@media (max-width:700px){.hero{padding:22px 14px 16px!important;border-radius:20px!important;margin-top:8px!important}}
html[lang=en] body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.75!important;letter-spacing:-.003em}
::selection{background:var(--gold-wash);color:var(--ink)}
.langbar{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 93%,transparent)!important;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)!important}
.homebtn{border-radius:999px!important;border:1px solid var(--line)!important;background:var(--card)!important;color:var(--ink)!important;font-weight:600!important;padding:4px 14px!important;box-shadow:var(--shadow);transition:all .15s}
.homebtn:first-child{background:linear-gradient(135deg,var(--lapis),var(--accent2))!important;color:#fff!important;border-color:transparent!important}
.homebtn.cur{background:var(--gold-wash)!important;border-color:var(--gold)!important}
.homebtn:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}
.hero{border-bottom:none!important;padding-top:40px!important}
.hero .big{background:linear-gradient(135deg,#B07A22 0%,#E2B65C 45%,#B8862F 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;display:inline-block;max-width:100%;padding:.12em .2em .22em;line-height:1.55!important;overflow:visible}
.hero h1{font-weight:800!important;letter-spacing:-.02em}
html[lang=en] .hero h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] .ct,html[lang=en] .pt,html[lang=en] summary,html[lang=en] th,html[lang=en] button,html[lang=en] .cc,html[lang=en] .cd,html[lang=en] .ref,html[lang=en] small,html[lang=en] .tg,html[lang=en] footer{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.hero p{color:var(--soft)}
.hero p.en{display:none}
h2.sub,.sub{font-weight:700!important;letter-spacing:-.01em}
h2.sub::before{content:"";display:inline-block;width:5px;height:.95em;border-radius:3px;background:linear-gradient(var(--lapis),var(--gold));margin-inline-end:10px;vertical-align:-.12em}
nav[aria-label="Sections"]{background:color-mix(in srgb,var(--paper) 82%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)!important}
nav[aria-label="Sections"] a{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:999px!important;box-shadow:var(--shadow);transition:all .15s}
nav[aria-label="Sections"] a:hover{background:var(--lapis-wash)!important;border-color:var(--lapis)!important;color:var(--lapis)!important}
.card,.oc,.ep,.box2,.grp,.mq,.pr,.kpi,.fact,.tc,.path,.q,.who>div,.hst>div,.cw,.bcw,.hmw,.expl .ex,.gloss,.box,.trust,.aod,.why .ab,details.fac,.sg a,.dsum,#dres .ab,#tres .ab,.rpc .rc,.cloud,.qq,.card2{border-radius:18px!important;box-shadow:var(--shadow)!important;border-color:var(--line)!important}
a.card,.path,.tc,.q,.sg a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
a.card:hover,.path:hover,.tc:hover,.q:hover,.sg a:hover{transform:translateY(-3px);box-shadow:var(--shadow2)!important}
.card .ct{font-weight:700}
a.card{border-inline-start:1px solid var(--line)!important;position:relative;overflow:hidden}
a.card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--lapis),var(--gold))}
.chip,.qbtn,.tg,.chips a,.refs a,.tlv a,.pn a,.sajda a{border-radius:999px!important;transition:all .15s}
.chip.on,.qbtn.on{background:linear-gradient(135deg,var(--lapis),var(--accent2))!important;color:#fff!important;border-color:transparent!important}
input.q,.sel,.search,input[type=search]{border-radius:16px!important;border:1.5px solid var(--line)!important;background:var(--card)!important;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
input.q:focus,.sel:focus,.search:focus,input[type=search]:focus{outline:none;border-color:var(--lapis)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--lapis) 18%,transparent)!important}
mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--gold) 35%,transparent) 55%)!important;color:inherit!important;border-radius:2px;padding:0 1px}
.tw{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card)}
.tw table{border:0!important;margin:0!important}
th{background:var(--lapis-wash)!important;color:var(--lapis)!important;font-weight:700!important}
tbody tr:nth-child(even){background:color-mix(in srgb,var(--paper) 55%,transparent)}
tbody tr:hover{background:var(--lapis-wash)}
footer{opacity:.85;border-top:1px solid var(--line)}
.trust a,.box a,.lead a,footer a{color:var(--lapis)!important;text-decoration:none;font-weight:600}
.sbox2{background:color-mix(in srgb,var(--paper) 93%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.homefab a{box-shadow:var(--shadow2)!important;border-radius:999px!important}
.tabbar{background:color-mix(in srgb,var(--card) 86%,transparent)!important;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
.tabbar .on{color:var(--lapis)!important}
.tabbar .on i{background:var(--lapis-wash)}
.themebtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;width:34px;height:30px;cursor:pointer;font-size:15px;line-height:1;box-shadow:var(--shadow);margin-inline-start:6px}
.ar{color:var(--ink)}
.tw{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.tblx{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:8px 0;border-radius:14px}
.tblx>table{margin:0!important}
.tblhint{display:none;font:600 12.5px var(--ui,sans-serif);color:var(--soft);margin:2px 4px 10px;text-align:end}
.tblhint.on{display:block}
@media (max-width:700px){table{font-size:13.5px!important}th,td{padding:6px 8px!important}.tblx table,.tw table{min-width:100%}}
/* AUDIT FIXES */
.row{flex-wrap:wrap;row-gap:6px}.row .count{white-space:normal;min-width:0}
@media (max-width:700px){.row .search{flex:1 1 100%;min-width:0}.v header{flex-wrap:wrap;row-gap:4px;max-width:100%}.v header .n{margin-inline-start:auto}}
:root[data-theme="dark"] main [style*="color:#"]:not([style*="background"]),:root[data-theme="dark"] main a[href*="quran.com"] b{filter:brightness(1.55) saturate(1.05)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main [style*="color:#"]:not([style*="background"]){filter:brightness(1.55) saturate(1.05)}}
:root[data-theme="dark"] main td a,:root[data-theme="dark"] main li a,:root[data-theme="dark"] main p a{color:var(--lapis)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main td a,:root:not([data-theme="light"]) main li a,:root:not([data-theme="light"]) main p a{color:var(--lapis)!important}}
@media (max-width:700px){.hero{padding:18px 16px 14px!important}.hero .big{font-size:44px!important;line-height:1.5!important}.hero h1{font-size:20px!important;line-height:1.45!important;margin:2px 0 4px!important}.hero p:not(.big){font-size:13.5px!important;line-height:1.7!important}
.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rmore{border:0;background:none;color:var(--lapis);font:600 13.5px var(--ui,sans-serif);padding:0;margin:-4px 0 12px;cursor:pointer}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}