:root{--green:#1f4d3a;--green-2:#183e2e;--copper:#b5652b;--copper-d:#8a4a1c;--wheat:#e3cba8;--parch:#f5efe2;--parch-2:#efe5d2;--olive:#4e5f55;--ink:#1b2a23;--line:#d9c9ac;--white:#fbf8f1;--f-head:"El Messiri","IBM Plex Sans Arabic",Tahoma,sans-serif;--f-quote:"Amiri","Traditional Arabic","Times New Roman",serif;--f-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--r:6px;--wrap:1180px;--pattern:url(/pattern.svg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--parch);color:var(--ink);font-family:var(--f-body);margin:0;font-size:17px;line-height:1.8}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--parch);position:fixed;inset:0 0 auto}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:2px}h1,h2,h3,h4{font-family:var(--f-head);text-wrap:balance;color:var(--green);margin:0;font-weight:700;line-height:1.3}p{margin:0}.wrap{max-width:var(--wrap);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin-inline:auto}.eyebrow{font-family:var(--f-body);color:var(--copper-d);letter-spacing:.02em;font-size:14px;font-weight:600}.quote{font-family:var(--f-quote);line-height:1.8}.num{font-variant-numeric:tabular-nums}.btn{font-family:var(--f-body);border-radius:var(--r);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:8px;padding:11px 22px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-copper{background:var(--copper);color:var(--white)}.btn-copper:hover{background:var(--copper-d)}.btn-ghost-light{border-color:var(--wheat);color:var(--parch);background:0 0}.btn-ghost-light:hover{background:var(--parch);color:var(--green)}.btn-green{background:var(--green);color:var(--parch)}.btn-green:hover{background:var(--green-2)}.btn-line{border-color:var(--green);color:var(--green);background:0 0}.btn-line:hover{background:var(--green);color:var(--parch)}.tag{background:var(--parch-2);color:var(--olive);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500;line-height:1.5;display:inline-block}.tag.warn{color:var(--copper-d);border-color:var(--copper);background:0 0}.proto{color:var(--copper-d);font-size:13px;font-weight:500}.top{top:env(safe-area-inset-top,0px);z-index:50;background:var(--parch);border-bottom:1px solid var(--line);position:sticky}.top .wrap{align-items:center;gap:24px;padding-block:10px;display:flex}.logo-h{width:auto;height:60px;display:block}.logo-m{width:auto;height:48px;display:none}.nav{flex-wrap:wrap;gap:4px;margin-inline-start:auto;display:flex}.nav a{font-family:var(--f-head);color:var(--ink);border-radius:var(--r);padding:8px 12px;font-size:16px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--green);background:var(--parch-2)}.nav a[aria-current=page]{color:var(--green);box-shadow:inset 0 -2px 0 var(--copper)}.nav-cta{margin-inline-start:8px}.menu-btn{border:1.5px solid var(--green);color:var(--green);border-radius:var(--r);font-family:var(--f-head);cursor:pointer;background:0 0;margin-inline-start:auto;padding:8px 12px;font-size:15px;font-weight:600;display:none}@media (width<=1020px){.logo-h{display:none}.logo-m,.menu-btn{display:block}.nav{inset-inline:0;background:var(--parch);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));flex-direction:column;display:none;position:absolute;top:100%}.nav.open{display:flex}.nav-cta{display:none}}main{flex:1}.view[hidden]{display:none!important}section{padding-block:72px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px;display:flex}.sec-head h2{font-size:clamp(26px,3.4vw,34px)}.sec-head p{color:var(--olive);max-width:60ch;margin-top:6px}.hero{background:var(--green);color:var(--parch);padding:0}.hero-grid{grid-template-columns:1.25fr 1fr;min-height:480px;display:grid}.hero-text{flex-direction:column;justify-content:center;gap:20px;min-width:0;padding-block:64px;padding-inline-end:48px;display:flex}.hero-text .eyebrow{color:var(--wheat)}.hero h1{color:var(--parch);font-size:clamp(38px,5.6vw,60px);line-height:1.25}.hero-lead{color:var(--parch);opacity:.92;max-width:52ch;font-size:18px}.hero-hadith{border-inline-start:2px solid var(--copper);color:var(--wheat);padding-inline-start:16px;font-size:22px}.hero-hadith small{font-family:var(--f-body);color:var(--wheat);opacity:.85;margin-top:2px;font-size:13px;display:block}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{background-image:var(--pattern);background-size:48px 48px;place-items:center;min-height:320px;display:grid;position:relative}.hero-art .plate{background:var(--green);border-radius:2px;padding:36px 40px}.hero-art .plate img{width:min(300px,56vw);height:auto;display:block}@media (width<=860px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-art{min-height:200px;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));order:-1}.hero-art .plate{padding:20px 24px}.hero-art .plate img{width:200px}.hero-text{padding-block:36px 48px;padding-inline-end:0}}.hundred{grid-template-columns:auto 1fr;align-items:center;gap:56px;display:grid}.dots{direction:ltr;grid-template-columns:repeat(10,22px);gap:8px;display:grid}.dots span{background:var(--wheat);border-radius:50%;width:22px;height:22px}.dots span.one{background:0 0;position:relative}.dots span.one:before,.dots span.one:after{content:"";background:var(--copper);position:absolute;inset:3px}.dots span.one:after{transform:rotate(45deg)}.dots.gen{flex-direction:column;align-items:center;gap:8px;display:flex}.dots.gen>div{gap:8px;display:flex}.hundred h2{margin-bottom:12px;font-size:clamp(26px,3.4vw,34px)}.hundred .quote{color:var(--green);font-size:24px}.hundred .src{color:var(--olive);margin-bottom:24px;font-size:14px}.pillars{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;display:grid}.pillars h3{margin-bottom:4px;font-size:20px}.pillars p{color:var(--olive);font-size:16px}@media (width<=860px){.hundred{grid-template-columns:1fr;justify-items:start;gap:32px}.pillars{grid-template-columns:1fr}.dots{grid-template-columns:repeat(10,18px);gap:6px}.dots span{width:18px;height:18px}}.domains-band{background:var(--parch-2);border-block:1px solid var(--line)}.domains{border:1px solid var(--line);border-radius:var(--r);background:var(--white);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.domain{border-inline-start:1px solid var(--line);flex-direction:column;gap:10px;min-width:0;padding:28px 24px;display:flex}.domain:first-child{border-inline-start:0}.domain .d-no{font-family:var(--f-head);color:var(--copper-d);font-size:14px;font-weight:600}.domain h3{font-size:24px}.domain p{color:var(--olive);flex:1;font-size:15.5px}.domain .d-count{color:var(--ink);border-top:1px dashed var(--line);padding-top:10px;font-size:14px}.domain .d-count b{font-family:var(--f-head);color:var(--copper-d);font-size:20px}.domain a.more{font-size:15px;font-weight:600;text-decoration:none}@media (width<=900px){.domains{grid-template-columns:1fr 1fr}.domain:nth-child(3){border-inline-start:0}.domain:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=520px){.domains{grid-template-columns:1fr}.domain{border-inline-start:0;border-top:1px solid var(--line)}.domain:first-child{border-top:0}}.covers{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;display:grid}.study{color:inherit;flex-direction:column;gap:12px;min-width:0;text-decoration:none;display:flex}.cover{aspect-ratio:210/297;border:1px solid var(--line);background:var(--parch);border-radius:2px;flex-direction:column;max-width:100%;transition:transform .25s;display:flex;overflow:hidden}.study:hover .cover{transform:translateY(-4px)}.cover .g{background:var(--green);flex-direction:column;flex:0 0 64%;display:flex}.cover .pat{background-image:var(--pattern);background-size:28px 28px;flex:0 0 34%;position:relative}.cover .series{inset-inline:12px;color:var(--wheat);background:var(--green);width:max-content;max-width:calc(100% - 24px);padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:10px}.cover .ttl{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:12px 16px 14px;display:flex}.cover .rule{background:var(--copper);width:34px;height:3px}.cover .rule.wheat{background:var(--wheat)}.cover .rule.parch{background:var(--parch)}.cover .rule.split{background:linear-gradient(90deg,var(--copper) 50%,var(--wheat) 50%)}.cover h3{color:var(--parch);font-size:19px;line-height:1.35}.cover .sub{color:var(--wheat);font-size:12px;line-height:1.5}.cover .b{flex:1;justify-content:space-between;align-items:end;gap:8px;padding:10px 16px;display:flex}.cover .b .by{color:var(--olive);font-size:11.5px;line-height:1.5}.cover .b .by b{color:var(--ink);font-size:12.5px;font-weight:600;display:block}.cover .b img{width:auto;height:30px}.study .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--f-body);border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:500}.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--parch)}.form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form .full{grid-column:1/-1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{font-size:15px;font-weight:600}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);width:100%;padding:10px 12px;font-size:16px}.field textarea{resize:vertical;min-height:96px}.ok{background:var(--parch-2);border:1px solid var(--line);border-inline-start:3px solid var(--green);border-radius:var(--r);padding:14px 16px;font-size:15.5px}@media (width<=620px){.form{grid-template-columns:1fr}}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px}.lib-stats{flex-wrap:wrap;gap:40px;margin-bottom:28px;display:flex}.lib-stats div{flex-direction:column;display:flex}.lib-stats b{font-family:var(--f-head);color:var(--copper-d);font-size:36px;line-height:1.2}.lib-stats span{color:var(--olive);font-size:15px}.lib-tools{grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=760px){.lib-tools{grid-template-columns:1fr}}.lib-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 18px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:15px;display:inline-flex}.check input{accent-color:var(--green);width:18px;height:18px}.books{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.book{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:start;gap:16px;padding:16px 4px;display:grid}.book .bid{font-family:var(--f-head);color:var(--copper-d);padding-top:2px;font-size:15px}.book h4{font-family:var(--f-body);color:var(--ink);font-size:17px;font-weight:600;line-height:1.6}.book .who{color:var(--olive);font-size:15px}.book .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.book a.go{white-space:nowrap;border:1px solid var(--green);border-radius:var(--r);padding:4px 12px;font-size:14.5px;font-weight:600;text-decoration:none}.book a.go:hover{background:var(--green);color:var(--parch)}.book .nolink{color:var(--olive);white-space:nowrap;font-size:13.5px}@media (width<=620px){.book{grid-template-columns:1fr;gap:6px}.book .bid{padding:0}}.empty{color:var(--olive);text-align:center;padding:40px 0}.issues{gap:20px;display:grid}.issue{background:var(--white);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:180px 1fr;gap:28px;min-width:0;padding:28px;display:grid}.issue .when{border-inline-end:1px solid var(--line);padding-inline-end:20px}.issue .when b{font-family:var(--f-head);color:var(--green);font-size:40px;line-height:1.1;display:block}.issue .when span{color:var(--olive);font-size:14.5px}.issue .parts{grid-template-columns:1fr 1fr;gap:24px;min-width:0;display:grid}.issue h3{margin:4px 0 8px;font-size:21px}.issue .ids{color:var(--olive);margin-top:10px;font-size:13.5px}@media (width<=820px){.issue{grid-template-columns:1fr;gap:16px}.issue .when{border:0;padding:0}.issue .parts{grid-template-columns:1fr}}.panel h3{margin-bottom:12px;font-size:20px}.about-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.about-grid p{margin-bottom:14px}.symbols{gap:16px;margin:0;padding:0;list-style:none;display:grid}.symbols li{grid-template-columns:40px 1fr;gap:12px;display:grid}.symbols b{font-family:var(--f-head);color:var(--green);font-size:18px}.symbols span.n{font-family:var(--f-head);color:var(--copper-d);font-size:22px}@media (width<=820px){.about-grid{grid-template-columns:1fr}}.method{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.method div{border-top:2px solid var(--green);padding-top:14px}.method h3{margin-bottom:6px;font-size:19px}.method p{color:var(--olive);font-size:15.5px}@media (width<=820px){.method{grid-template-columns:1fr}}.foot{background:var(--green);color:var(--parch)}.foot .wrap{padding-block:48px 28px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.foot img{width:auto;height:64px}.foot h4{color:var(--wheat);margin-bottom:8px;font-size:16px}.foot a{color:var(--parch);font-size:15px;text-decoration:none}.foot a:hover{text-decoration:underline}.foot ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.foot .slogan{font-family:var(--f-head);color:var(--parch);margin-top:12px;font-size:20px}.foot .legal{color:var(--wheat);border-top:1px solid #e3cba84d;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:16px;font-size:13.5px;display:flex}.news{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.news input{min-width:0;font:inherit;border-radius:var(--r);border:1px solid var(--wheat);background:var(--green-2);color:var(--parch);flex:1;padding:9px 12px;font-size:15px}.news input::placeholder{color:var(--wheat);opacity:.8}@media (width<=820px){.foot-grid{grid-template-columns:1fr}}.page-head{background:var(--green);padding-block:48px}.page-head .wrap{flex-direction:column;gap:8px;display:flex}.page-head h1{color:var(--parch);font-size:clamp(30px,4.4vw,44px)}.page-head p{color:var(--parch);opacity:.9;max-width:62ch}.page-head .eyebrow{color:var(--wheat)}.page-head{background-image:linear-gradient(var(--green),var(--green)),var(--pattern);background-position:100% 0,0 0;background-repeat:no-repeat,repeat;background-size:calc(100% - 220px) 100%,48px 48px}@media (width<=700px){.page-head{background-size:100% 100%,48px 48px}}.home-split{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (width<=860px){.home-split{grid-template-columns:1fr}}.err{border-inline-start-color:var(--copper)}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.pager .pg{font-family:var(--f-body);border-radius:var(--r);border:1px solid var(--line);background:var(--white);min-width:40px;color:var(--ink);cursor:pointer;padding:6px 12px;font-size:15px;font-weight:500;line-height:1.5}.pager .pg:hover:not(:disabled):not([aria-current]){border-color:var(--green);color:var(--green)}.pager .pg[aria-current=page]{background:var(--green);border-color:var(--green);color:var(--parch);cursor:default}.pager .pg:disabled{opacity:.45;cursor:default}.pager .gap{color:var(--olive);padding:0 4px}