.ezan-page{--ink:#241d17;--paper:#eee4cf;--paper-2:#e2d4b8;--line:#aa9e86;--red:#c55539;--green:#1f624f;--gold:#c9972e;background:var(--paper);color:var(--ink);overflow:hidden}.ezan-page *{box-sizing:border-box}.ezan-page h1,.ezan-page h2,.ezan-page h3,.ezan-page p{margin-top:0}.ezan-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);min-height:680px;display:grid;position:relative}.ezan-hero>div{border-right:1px solid var(--line);z-index:1;padding:clamp(52px,7vw,110px);position:relative}.ezan-hero>div>span,.ezan-section>header>span,.ezan-response>header>span,.ezan-history>header>span,.ezan-iqama>header>span,.ezan-sources>header>span{font:700 11px/1.2 var(--font-sans);letter-spacing:.18em;color:var(--red)}.ezan-hero h1{font:400 clamp(60px,7vw,112px)/.88 var(--font-serif);letter-spacing:-.055em;max-width:1000px;margin:38px 0}.ezan-hero h1 em,.ezan-section h2 em,.ezan-response h2 em,.ezan-history h2 em,.ezan-iqama h2 em,.ezan-sources h2 em{color:var(--green);font-weight:400}.ezan-hero p{max-width:670px;font:400 19px/1.65 var(--font-serif);color:#5f5548}.ezan-hero nav{flex-wrap:wrap;gap:30px;margin-top:44px;display:flex}.ezan-hero nav a{color:var(--ink);border-bottom:1px solid var(--ink);font:700 12px var(--font-sans);padding-bottom:8px;text-decoration:none}.ezan-hero>aside{background:var(--paper-2);grid-template-columns:1fr 1fr;align-content:end;padding:70px 42px;display:grid}.ezan-hero>aside b{font:400 60px var(--font-serif);color:var(--green);border-top:1px solid var(--line);padding-top:24px}.ezan-hero>aside span{font:600 11px/1.45 var(--font-sans);align-self:center}.ezan-hero>aside small{border-top:1px solid var(--line);font:500 12px/1.65 var(--font-sans);grid-column:1/-1;margin-top:36px;padding-top:22px}.ezan-hero>strong{font:400 clamp(120px,20vw,330px)/1 var(--font-serif);color:#c5972e14;pointer-events:none;position:absolute;top:55px;right:21%}.ezan-rail{border-bottom:1px solid var(--line);background:#f5ecd9;grid-template-columns:repeat(8,1fr);display:grid}.ezan-rail a{border-right:1px solid var(--line);min-height:106px;color:var(--ink);grid-template-columns:1fr auto;align-content:space-between;padding:20px;text-decoration:none;transition:background .2s,color .2s;display:grid}.ezan-rail a:hover{background:var(--green);color:#fff}.ezan-rail small{color:var(--red);font:700 9px var(--font-sans);grid-column:1/-1}.ezan-rail span{font:600 13px var(--font-sans)}.ezan-rail b{font-weight:400}.ezan-section,.ezan-response,.ezan-history,.ezan-iqama,.ezan-sources{border-bottom:1px solid var(--line);padding:clamp(60px,7vw,110px) clamp(24px,6vw,96px)}.ezan-section>header,.ezan-response>header,.ezan-history>header,.ezan-iqama>header,.ezan-sources>header{grid-template-columns:minmax(340px,1fr) minmax(260px,.6fr);gap:50px;margin-bottom:60px;display:grid}.ezan-section>header span,.ezan-response>header span,.ezan-history>header span,.ezan-iqama>header span,.ezan-sources>header span{grid-column:1/-1}.ezan-section h2,.ezan-response h2,.ezan-history h2,.ezan-iqama h2,.ezan-sources h2{font:400 clamp(44px,5vw,78px)/.94 var(--font-serif);letter-spacing:-.035em;margin:0}.ezan-section>header p{font:400 17px/1.65 var(--font-serif);color:#675d50;align-self:end;margin:0}.ezan-reader{border:1px solid var(--line);background:#f4ead5;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);display:grid}.ezan-reader>nav{border-right:1px solid var(--line)}.ezan-reader>nav button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;min-height:70px;color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:42px 1fr auto;align-items:center;padding:12px 18px;display:grid}.ezan-reader>nav button[aria-current]{background:var(--green);color:#fff}.ezan-reader>nav small,.ezan-reader>nav b{font:600 10px var(--font-sans)}.ezan-reader>nav span{font:500 16px var(--font-serif)}.ezan-reader>article{flex-direction:column;align-items:flex-start;min-height:570px;padding:clamp(35px,5vw,78px);display:flex}.ezan-reader>article>small{font:700 10px var(--font-sans);letter-spacing:.16em;color:var(--red)}.ezan-reader>article>p{font:400 clamp(50px,6vw,94px)/1.25 var(--font-serif);text-align:right;align-self:stretch;margin:48px 0 35px}.ezan-reader>article h3{font:400 30px var(--font-serif);margin-bottom:12px}.ezan-reader>article strong{font:600 14px var(--font-sans);color:var(--green)}.ezan-reader>article>span{font:400 16px/1.6 var(--font-serif);margin-top:25px}.ezan-reader>article>button{background:var(--ink);color:#fff;font:700 11px var(--font-sans);cursor:pointer;border:0;margin-top:auto;padding:16px 20px}.ezan-reader>article>button i{margin-left:40px}.ezan-reader>aside{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:.7fr 1.3fr;display:grid}.ezan-reader>aside>button{background:var(--paper-2);border:0;border-right:1px solid var(--line);cursor:pointer;justify-content:space-between;padding:22px;display:flex}.ezan-reader>aside>div{padding:25px 40px}.ezan-reader>aside p{font:400 36px var(--font-serif);margin-bottom:8px}.ezan-reader>aside span{margin-top:8px;display:block}.ezan-response{background:var(--ink);color:#f5ecd9}.ezan-response header span{color:#df7b5f}.ezan-response h2 em{color:#d2aa51}.ezan-response>ol{border:1px solid #766b5e;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.ezan-response li{border-right:1px solid #766b5e;flex-direction:column;min-height:290px;padding:30px;display:flex}.ezan-response li:last-child{border:0}.ezan-response li small{font:700 11px var(--font-sans);color:#df7b5f}.ezan-response li h3{font:400 27px var(--font-serif);margin:65px 0 18px}.ezan-response li p{font:400 15px/1.6 var(--font-serif);color:#cfc3af}.ezan-response li a{color:#f5ecd9;font:700 11px var(--font-sans);margin-top:auto}.makam-lab{border:1px solid var(--line);grid-template-columns:280px 1fr;display:grid}.makam-lab>nav{border-right:1px solid var(--line);flex-direction:column;display:flex}.makam-lab>nav button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;min-height:92px;color:var(--ink);background:0 0;flex:1;padding:20px}.makam-lab>nav button[aria-pressed=true]{background:var(--green);color:#fff}.makam-lab>nav small,.makam-lab>nav b{display:block}.makam-lab>nav small{font:600 9px var(--font-sans);text-transform:uppercase;letter-spacing:.12em}.makam-lab>nav b{font:400 25px var(--font-serif);margin-top:7px}.makam-lab>article{background:#f4ead5;grid-template-columns:1fr 1fr;gap:30px 60px;padding:clamp(35px,5vw,75px);display:grid}.makam-lab>article small{font:600 10px/1.5 var(--font-sans);letter-spacing:.1em}.makam-lab>article h3{font:400 50px var(--font-serif);margin:12px 0}.makam-lab>article>ol{border-bottom:1px solid var(--line);align-items:flex-end;gap:7px;min-height:130px;margin:0;padding:0;list-style:none;display:flex}.makam-lab>article>ol li{background:var(--gold);width:100%;transition:height .4s;position:relative}.makam-lab>article>ol span{font:600 8px var(--font-sans);position:absolute;bottom:-22px}.makam-lab>article>p{font:400 17px/1.6 var(--font-serif);color:#625748}.makam-lab>article>button{background:var(--ink);color:#fff;cursor:pointer;font:700 11px var(--font-sans);border:0;place-self:start end;padding:16px 20px}.makam-lab>article>button i{margin-left:35px}.makam-lab>article>small:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}.ezan-recordings{background:var(--paper-2)}.recording-desk{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.recording-desk article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);padding:30px;transition:background .2s}.recording-desk article:nth-child(2n){border-right:0}.recording-desk article:nth-last-child(-n+2){border-bottom:0}.recording-desk article.is-active{background:#d7e0d4}.recording-desk header,.recording-desk footer{font:600 9px var(--font-sans);letter-spacing:.1em;justify-content:space-between;gap:20px;display:flex}.recording-desk h3{font:400 29px var(--font-serif);margin:28px 0 12px}.recording-desk p{font:400 15px/1.55 var(--font-serif);color:#655a4d}.recording-desk audio{width:100%;margin:20px 0}.recording-desk footer{border-top:1px solid var(--line);letter-spacing:0;color:#665b4e;padding-top:18px}.ezan-history>div{border:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.ezan-history article{border-right:1px solid var(--line);min-height:330px;padding:28px}.ezan-history article:last-child{border:0}.ezan-history article small{color:var(--red);font:700 10px var(--font-sans)}.ezan-history article h3{font:400 24px/1.05 var(--font-serif);margin:80px 0 18px}.ezan-history article p{font:400 14px/1.6 var(--font-serif);color:#655b4e}.ezan-history>aside{background:var(--green);color:#fff;margin-left:40%;padding:55px}.ezan-history>aside p{font:400 38px/1.1 var(--font-serif)}.ezan-history>aside span{font:400 15px/1.65 var(--font-serif)}.ezan-fiqh{background:#f5ecd9}.ezan-fiqh>div{border-top:1px solid var(--line)}.ezan-fiqh details{border-bottom:1px solid var(--line)}.ezan-fiqh summary{cursor:pointer;grid-template-columns:70px 1fr auto;align-items:center;padding:23px 10px;list-style:none;display:grid}.ezan-fiqh summary::-webkit-details-marker{display:none}.ezan-fiqh summary small{font:700 9px var(--font-sans);color:var(--red)}.ezan-fiqh summary span{font:400 23px var(--font-serif)}.ezan-fiqh summary b{font:400 25px var(--font-serif)}.ezan-fiqh details[open] summary b{transform:rotate(45deg)}.ezan-fiqh details p{max-width:850px;font:400 16px/1.7 var(--font-serif);color:#5e5448;margin:0 10% 30px 70px}.ezan-fiqh>nav{gap:12px;margin-top:30px;display:flex}.ezan-fiqh>nav a,.ezan-iqama>a{background:var(--ink);color:#fff;font:700 10px var(--font-sans);padding:15px 20px;text-decoration:none}.ezan-iqama>div,.ezan-sources>div{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.ezan-iqama article{border-right:1px solid var(--line);min-height:330px;padding:36px}.ezan-iqama article:last-child{border:0}.ezan-iqama article small,.ezan-sources article small{font:700 9px var(--font-sans);letter-spacing:.15em;color:var(--red)}.ezan-iqama article h3{font:400 29px var(--font-serif);margin:75px 0 18px}.ezan-iqama article p{font:400 15px/1.65 var(--font-serif)}.ezan-iqama article p[lang=ar]{text-align:right;font-size:30px}.ezan-iqama>a{margin-top:28px;display:inline-block}.ezan-sources{background:var(--paper-2)}.ezan-sources article{border-right:1px solid var(--line);min-height:250px;padding:30px}.ezan-sources article:last-child{border:0}.ezan-sources article h3{font:400 23px/1.1 var(--font-serif);margin:58px 0 16px}.ezan-sources article p{font:400 14px/1.6 var(--font-serif)}.ezan-next{background:var(--green);color:#fff;padding:70px clamp(24px,6vw,96px);text-decoration:none;display:block}.ezan-next span{font:700 10px var(--font-sans);letter-spacing:.15em}.ezan-next h2{font:400 clamp(40px,5vw,75px) var(--font-serif);margin:18px 0}.ezan-next b{font:700 11px var(--font-sans)}@media (max-width:900px){.ezan-hero{grid-template-columns:1fr}.ezan-hero>div{border-right:0}.ezan-hero>aside{grid-template-columns:1fr 1fr}.ezan-rail{display:flex;overflow-x:auto}.ezan-rail a{min-width:140px}.ezan-section>header,.ezan-response>header,.ezan-history>header,.ezan-iqama>header,.ezan-sources>header,.ezan-reader{grid-template-columns:1fr}.ezan-reader>nav{border-right:0;max-height:290px;overflow:auto}.ezan-reader>aside{grid-template-columns:1fr}.ezan-response>ol,.recording-desk,.ezan-history>div,.ezan-iqama>div,.ezan-sources>div{grid-template-columns:1fr 1fr}.ezan-response li:nth-child(2){border-right:0}.ezan-response li{border-bottom:1px solid #766b5e}.ezan-history article:nth-child(2n),.ezan-iqama article:nth-child(2){border-right:0}.ezan-history>aside{margin-left:20%}.makam-lab{grid-template-columns:1fr}.makam-lab>nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.makam-lab>nav button{min-width:145px}.makam-lab>article{grid-template-columns:1fr}}@media (max-width:620px){.ezan-hero{min-height:auto}.ezan-hero>div{padding:55px 22px}.ezan-hero h1{font-size:52px}.ezan-hero nav{gap:16px;display:grid}.ezan-hero>aside{padding:35px 22px}.ezan-section,.ezan-response,.ezan-history,.ezan-iqama,.ezan-sources{padding:58px 18px}.ezan-section>header,.ezan-response>header,.ezan-history>header,.ezan-iqama>header,.ezan-sources>header{margin-bottom:36px}.ezan-section h2,.ezan-response h2,.ezan-history h2,.ezan-iqama h2,.ezan-sources h2{font-size:42px}.ezan-reader>article{min-height:500px;padding:32px 20px}.ezan-reader>article>p{font-size:45px}.ezan-reader>aside>div{padding:22px}.ezan-reader>aside p{font-size:28px}.ezan-response>ol,.recording-desk,.ezan-history>div,.ezan-iqama>div,.ezan-sources>div{grid-template-columns:1fr}.ezan-response li,.recording-desk article,.ezan-history article,.ezan-iqama article,.ezan-sources article{border-right:0;border-bottom:1px solid var(--line)}.ezan-history>aside{margin:0;padding:35px 25px}.makam-lab>article{padding:30px 20px}.makam-lab>article>button{justify-self:start}.ezan-fiqh summary{grid-template-columns:36px 1fr auto}.ezan-fiqh summary span{font-size:19px}.ezan-fiqh details p{margin:0 10px 24px 36px}.ezan-fiqh>nav{flex-direction:column}.ezan-iqama article h3{margin-top:45px}}@media (prefers-reduced-motion:reduce){.ezan-page *{scroll-behavior:auto!important;transition:none!important}}.ezan-sources>div{grid-template-columns:repeat(5,1fr)}@media (max-width:1100px){.ezan-sources>div{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.ezan-sources>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.ezan-sources>div{grid-template-columns:1fr}}