.date-converter-hero{padding:clamp(3.5rem,8vw,6.5rem) 0;background:linear-gradient(100deg,rgba(4,45,38,.96),rgba(7,93,75,.86)),url('/assets/images/location-prayer-hero.webp') center/cover;color:#fff}.date-converter-hero .container{max-width:920px}.date-converter-hero h1{max-width:800px;font-size:clamp(2.5rem,6vw,5rem);line-height:.98;margin:.65rem 0 1rem}.date-converter-hero p{max-width:760px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.75;opacity:.88}.converter-section{background:linear-gradient(180deg,#f0faf6,#fffaf0)}.converter-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);overflow:hidden;border:1px solid var(--gs-line);border-radius:1.5rem;background:var(--gs-surface);box-shadow:var(--gs-shadow)}.converter-tabs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:.4rem;background:#e9f4f0}.converter-tabs button{border:0;border-radius:.9rem;padding:1rem;background:transparent;color:var(--gs-muted);font-weight:850}.converter-tabs button.active{background:var(--gs-surface);color:var(--gs-emerald-700);box-shadow:var(--gs-shadow-sm)}.converter-form{padding:clamp(1.25rem,4vw,2.5rem)}.converter-form label,.tool-calculator label{display:grid;gap:.45rem;font-weight:750;color:var(--gs-ink)}.converter-hijri-fields,.converter-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.converter-options{grid-template-columns:1fr 1fr;margin-top:1rem}.converter-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.converter-result{display:grid;align-content:center;gap:.75rem;padding:clamp(1.4rem,3vw,2.4rem);background:linear-gradient(150deg,#063f35,#0d745e);color:#fff}.converter-result>span{color:#f0c85f;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.converter-result strong{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.2}.converter-result p{margin:0;opacity:.76;line-height:1.6}.converter-content-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:1.25rem;margin-top:1.25rem}.converter-content-grid>*{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface)}.converter-content-grid a{font-weight:850}.tool-calculator{margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:linear-gradient(145deg,var(--gs-surface),var(--gs-soft));box-shadow:var(--gs-shadow-sm)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.tool-grid.tool-five{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-calculator fieldset{padding:1.1rem;margin:0 0 1.25rem;border:1px solid var(--gs-line);border-radius:1rem}.tool-calculator legend{float:none;width:auto;padding:0 .45rem;font-size:1rem;font-weight:850}.tool-check{display:flex!important;align-items:center;align-self:end;grid-template-columns:auto 1fr!important;min-height:48px}.tool-check input{width:1.15rem;height:1.15rem}.tool-plan-label{max-width:360px;margin-bottom:1.25rem}.tool-result{margin-top:1.25rem;padding:1.25rem;border-radius:1rem;background:var(--gs-emerald-900);color:#fff}.tool-result:empty{display:none}.tool-result table{width:100%;color:inherit}.tool-result th,.tool-result td{padding:.65rem;border-bottom:1px solid rgba(255,255,255,.16)}.tool-result .result-total{font-size:1.35rem;color:#f0c85f}.tool-note{margin:1rem 0 0;padding-inline-start:1rem;border-inline-start:3px solid var(--gs-gold-500);color:var(--gs-muted);font-size:.85rem;line-height:1.65}.location-photo-hero{min-height:clamp(360px,44vw,500px);display:grid;align-items:center;background:linear-gradient(90deg,rgba(4,42,36,.96) 0%,rgba(5,61,50,.88) 42%,rgba(5,52,44,.3) 72%),url('/assets/images/location-prayer-hero.webp') center/cover;color:#fff}.location-photo-hero .hero-shell{min-height:0;padding-block:clamp(2.75rem,7vw,5rem);grid-template-columns:minmax(0,680px) 1fr}.location-photo-hero .hero-copy h1,.location-photo-hero .hero-copy .lead,.location-photo-hero .eyebrow{color:#fff}.location-photo-hero .hero-copy h1{font-size:clamp(2.5rem,6vw,4.8rem)}.location-photo-hero .hero-visual{display:none}.ramadan-photo-hero{min-height:clamp(390px,48vw,540px);display:grid;align-items:center;background:linear-gradient(90deg,rgba(4,36,31,.97) 0%,rgba(5,54,45,.87) 42%,rgba(4,36,31,.25) 75%),url('/assets/images/ramadan-calendar-hero.webp') center/cover;color:#fff}.ramadan-photo-hero .hero-shell{min-height:0;padding-block:clamp(3rem,7vw,5.5rem);grid-template-columns:minmax(0,680px) 1fr}.ramadan-photo-hero .hero-visual{display:none}.ramadan-photo-hero .hero-copy h1,.ramadan-photo-hero .hero-copy .lead,.ramadan-photo-hero .eyebrow{color:#fff}.about-photo-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,4vw,3rem);align-items:center;margin-top:2rem}.about-photo-panel img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:1.25rem;box-shadow:var(--gs-shadow)}
@media(max-width:767.98px){.converter-shell,.converter-content-grid,.about-photo-panel{grid-template-columns:1fr}.converter-result{min-height:240px}.converter-hijri-fields,.converter-options,.tool-grid,.tool-grid.tool-five{grid-template-columns:1fr}.location-photo-hero,.ramadan-photo-hero{min-height:380px;background-position:62% center}.location-photo-hero .hero-shell,.ramadan-photo-hero .hero-shell{grid-template-columns:1fr}.location-photo-hero .hero-copy,.ramadan-photo-hero .hero-copy{padding:1.2rem;border-radius:1rem;background:rgba(4,45,38,.56);backdrop-filter:blur(3px)}}
.hero.location-photo-hero{min-height:clamp(360px,44vw,500px);padding-block:0}
.hero.hero-canvas-section.location-photo-hero{min-height:clamp(350px,38vw,440px);background:linear-gradient(90deg,rgba(4,42,36,.96) 0%,rgba(5,61,50,.88) 42%,rgba(5,52,44,.28) 72%),url('../images/location-prayer-hero.webp') center/cover!important}
.hero.hero-canvas-section.ramadan-photo-hero{min-height:clamp(390px,45vw,510px);padding-block:0;background:linear-gradient(90deg,rgba(4,36,31,.97) 0%,rgba(5,54,45,.87) 42%,rgba(4,36,31,.22) 75%),url('../images/ramadan-calendar-hero.webp') center/cover!important}
.date-converter-hero{background:linear-gradient(100deg,rgba(4,45,38,.96),rgba(7,93,75,.86)),url('../images/location-prayer-hero.webp') center/cover}
.hero.hero-canvas-section.country-detail-photo-hero{background:linear-gradient(90deg,rgba(4,42,36,.96) 0%,rgba(5,61,50,.86) 42%,rgba(5,52,44,.2) 72%),url('../images/country-prayer-detail-hero.webp') center/cover!important}
.hero.hero-canvas-section.city-detail-photo-hero{background:linear-gradient(90deg,rgba(4,42,36,.96) 0%,rgba(5,61,50,.84) 42%,rgba(5,52,44,.16) 72%),url('../images/city-prayer-detail-hero.webp') center/cover!important}
.hero.hero-canvas-section.inheritance-photo-hero{min-height:clamp(390px,45vw,520px);padding-block:0;background:linear-gradient(90deg,rgba(3,30,26,.98) 0%,rgba(4,48,40,.93) 40%,rgba(4,45,38,.28) 73%),url('../images/inheritance-calculator-hero.webp') center/cover!important;color:#fff}
.inheritance-photo-hero .hero-shell{min-height:0;padding-block:clamp(3rem,7vw,5.5rem);grid-template-columns:minmax(0,720px) 1fr}
.inheritance-photo-hero .hero-visual{display:none}
.inheritance-photo-hero .hero-copy h1,.inheritance-photo-hero .hero-copy .lead,.inheritance-photo-hero .eyebrow{color:#fff}
.inheritance-photo-hero .hero-copy h1{font-size:clamp(2.65rem,6vw,5rem);max-width:720px}
.inheritance-photo-hero .hero-copy .lead{max-width:700px;opacity:.88}
.inheritance-calculator-section{background:linear-gradient(180deg,#edf8f4 0%,#fff 100%)}
.inheritance-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.62fr);gap:clamp(1.2rem,3vw,2rem);align-items:start}
.inheritance-workspace>article{min-width:0}
.inheritance-calculator{margin:0;padding:clamp(1.25rem,3vw,2.4rem);border-radius:1.5rem;background:var(--gs-surface);box-shadow:0 22px 60px rgba(4,55,46,.12)}
.inheritance-form-heading{margin-bottom:1.5rem}
.inheritance-form-heading h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:.4rem 0 .55rem}
.inheritance-form-heading p{margin:0;color:var(--gs-muted)}
.inheritance-calculator fieldset{padding:clamp(1rem,2.5vw,1.5rem);margin-bottom:1.25rem;background:linear-gradient(145deg,var(--gs-surface),var(--gs-soft))}
.inheritance-calculator legend{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.05rem}
.inheritance-calculator legend span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--gs-emerald-700);color:#fff}
.inheritance-calculator label small{font-weight:500;line-height:1.45;color:var(--gs-muted)}
.inheritance-money-grid,.inheritance-heirs-grid{margin:.35rem 0 0}
.inheritance-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.inheritance-calculator .tool-check{align-items:flex-start;min-height:86px;padding:1rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);cursor:pointer}
.inheritance-calculator .tool-check input{flex:0 0 auto;margin-top:.2rem;accent-color:var(--gs-emerald-700)}
.inheritance-calculator .tool-check span{display:grid;gap:.2rem}
.inheritance-calculator .tool-check small{font-weight:500;color:var(--gs-muted)}
.inheritance-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.inheritance-result{overflow:hidden;margin-top:1.5rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:linear-gradient(150deg,#043c32,#075e4d);box-shadow:0 20px 45px rgba(4,45,38,.2)}
.inheritance-result-head{display:grid;padding:1.5rem clamp(1.1rem,3vw,2rem);background:rgba(255,255,255,.05)}
.inheritance-result-head span{font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#f0c85f}
.inheritance-result-head strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin:.35rem 0;color:#fff}
.inheritance-result-head small{color:rgba(255,255,255,.72)}
.inheritance-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}
.inheritance-result-summary>span{display:grid;gap:.3rem;padding:1rem;background:#064a3e}
.inheritance-result-summary small{color:rgba(255,255,255,.65)}
.inheritance-result-summary strong{color:#fff}
.inheritance-table-wrap{overflow-x:auto}
.inheritance-result table{min-width:760px;border-collapse:collapse}
.inheritance-result caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.inheritance-result thead{background:rgba(0,0,0,.2)}
.inheritance-result th,.inheritance-result td{padding:.9rem 1rem;text-align:start;vertical-align:middle}
.inheritance-result tbody th strong,.inheritance-result td strong{display:block;color:#fff}
.inheritance-result tbody th small,.inheritance-result td small{display:block;margin-top:.2rem;color:rgba(255,255,255,.62);font-weight:500}
.inheritance-result-notice,.inheritance-result-warning,.inheritance-result-message{margin:1rem;padding:1rem 1.1rem;border-radius:.8rem;line-height:1.6}
.inheritance-result-notice{background:rgba(240,200,95,.13);border:1px solid rgba(240,200,95,.35)}
.inheritance-result-warning{background:rgba(255,255,255,.08);border-inline-start:4px solid #f0c85f}
.inheritance-result-message{background:rgba(255,255,255,.08)}
.inheritance-result-message p,.inheritance-result-footnote{margin:.35rem 0 0;color:rgba(255,255,255,.78)}
.inheritance-result-footnote{padding:0 1.25rem 1.25rem;font-size:.84rem;line-height:1.6}
.inheritance-preparation{position:sticky;top:110px;padding:clamp(1.25rem,3vw,2rem);border-radius:1.5rem;background:linear-gradient(150deg,#063f35,#0b6b57);color:#fff;box-shadow:var(--gs-shadow)}
.inheritance-preparation h2{margin:.45rem 0 1.2rem;color:#fff}
.inheritance-preparation ol{list-style:none;counter-reset:inheritance-step;margin:0;padding:0}
.inheritance-preparation li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.13);counter-increment:inheritance-step}
.inheritance-preparation li:before{content:counter(inheritance-step);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#f0c85f;color:#17382f;font-weight:900}
.inheritance-preparation li strong,.inheritance-preparation li span{grid-column:2}
.inheritance-preparation li span{margin-top:.2rem;color:rgba(255,255,255,.7);line-height:1.5}
.inheritance-verse{margin-top:1.25rem;padding:1rem;border:1px solid rgba(240,200,95,.38);border-radius:1rem;background:rgba(0,0,0,.12)}
.inheritance-verse span,.inheritance-reference-grid article>span{display:block;color:#f0c85f;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.inheritance-verse strong{display:block;margin:.25rem 0;color:#fff;font-size:1.2rem}
.inheritance-verse p{margin:0;color:rgba(255,255,255,.72)}
.inheritance-heading{max-width:860px}
.inheritance-steps,.inheritance-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.inheritance-steps article,.inheritance-reference-grid article{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface);box-shadow:var(--gs-shadow-sm)}
.inheritance-steps article>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:var(--gs-soft);color:var(--gs-emerald-700);font-weight:900}
.inheritance-steps h3,.inheritance-reference-grid h2{margin:.85rem 0 .45rem;font-size:1.25rem}
.inheritance-steps p,.inheritance-reference-grid p{margin:0;color:var(--gs-muted);line-height:1.7}
.inheritance-reference-section{background:linear-gradient(135deg,#073f35,#075947)}
.inheritance-reference-grid article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff}
.inheritance-reference-grid h2,.inheritance-reference-grid article>strong{color:#fff}
.inheritance-reference-grid p{color:rgba(255,255,255,.72)}
.inheritance-reference-grid article>strong{display:block;margin-top:1rem}
.inheritance-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.inheritance-scope-grid>*{padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface)}
.inheritance-scope-grid aside{background:var(--gs-soft)}
.inheritance-scope-grid h2{margin:.45rem 0 .8rem}
.inheritance-scope-grid ul{display:grid;gap:.65rem;margin:1rem 0 0;padding-inline-start:1.25rem}
.inheritance-scope-grid p{color:var(--gs-muted);line-height:1.75}
.inheritance-faq-section{background:var(--gs-soft)}
.inheritance-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin-top:1.5rem}
.inheritance-faq-grid details{align-self:start;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);overflow:hidden}
.inheritance-faq-grid summary{padding:1.05rem 1.2rem;font-weight:850;color:var(--gs-ink);cursor:pointer}
.inheritance-faq-grid details[open] summary{border-bottom:1px solid var(--gs-line);color:var(--gs-emerald-700)}
.inheritance-faq-grid p{margin:0;padding:1rem 1.2rem;color:var(--gs-muted);line-height:1.7}
.inheritance-related{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;padding:clamp(1.4rem,4vw,2.5rem);border-radius:1.4rem;background:linear-gradient(135deg,#fff8e7,var(--gs-surface));border:1px solid var(--gs-line)}
.inheritance-related h2{margin:.45rem 0}
.inheritance-related p{margin:0;color:var(--gs-muted)}
.inheritance-related nav{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.inheritance-related a{padding:.85rem 1rem;border:1px solid var(--gs-line);border-radius:.8rem;background:var(--gs-surface);font-weight:800;text-decoration:none}
@media(max-width:991.98px){.inheritance-workspace{grid-template-columns:1fr}.inheritance-preparation{position:static}.inheritance-steps,.inheritance-reference-grid{grid-template-columns:1fr 1fr}.inheritance-result-summary{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.hero.hero-canvas-section.inheritance-photo-hero{min-height:410px;background-position:68% center!important}.inheritance-photo-hero .hero-shell{grid-template-columns:1fr}.inheritance-photo-hero .hero-copy{padding:1.2rem;border-radius:1rem;background:rgba(3,35,29,.68);backdrop-filter:blur(3px)}.inheritance-checks,.inheritance-steps,.inheritance-reference-grid,.inheritance-scope-grid,.inheritance-faq-grid,.inheritance-related{grid-template-columns:1fr}.inheritance-result-summary,.inheritance-related nav{grid-template-columns:1fr}.inheritance-actions>*{width:100%}}
.hero.hero-canvas-section.zakat-photo-hero,.hero.hero-canvas-section.qaza-photo-hero{min-height:clamp(390px,45vw,520px);padding-block:0;color:#fff}
.hero.hero-canvas-section.zakat-photo-hero{background:linear-gradient(90deg,rgba(2,27,23,.98) 0%,rgba(3,46,37,.92) 40%,rgba(3,40,33,.25) 74%),url('../images/zakat-calculator-hero.webp') center/cover!important}
.hero.hero-canvas-section.qaza-photo-hero{background:linear-gradient(90deg,rgba(2,25,28,.98) 0%,rgba(3,42,43,.92) 40%,rgba(3,39,39,.2) 74%),url('../images/qaza-prayer-calculator-hero.webp') center/cover!important}
.zakat-photo-hero .hero-shell,.qaza-photo-hero .hero-shell{min-height:0;padding-block:clamp(3rem,7vw,5.5rem);grid-template-columns:minmax(0,720px) 1fr}
.zakat-photo-hero .hero-visual,.qaza-photo-hero .hero-visual{display:none}
.zakat-photo-hero .hero-copy h1,.zakat-photo-hero .hero-copy .lead,.zakat-photo-hero .eyebrow,.qaza-photo-hero .hero-copy h1,.qaza-photo-hero .hero-copy .lead,.qaza-photo-hero .eyebrow{color:#fff}
.zakat-photo-hero .hero-copy h1,.qaza-photo-hero .hero-copy h1{font-size:clamp(2.65rem,6vw,5rem);max-width:720px}
.zakat-photo-hero .hero-copy .lead,.qaza-photo-hero .hero-copy .lead{max-width:700px;opacity:.88}
.advanced-calculator-section{background:linear-gradient(180deg,#edf8f4 0%,#fff 100%)}
.calculator-workspace{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.6fr);gap:clamp(1.2rem,3vw,2rem);align-items:start}
.calculator-workspace>article{min-width:0}
.advanced-calculator{margin:0;padding:clamp(1.25rem,3vw,2.4rem);border-radius:1.5rem;background:var(--gs-surface);box-shadow:0 22px 60px rgba(4,55,46,.12)}
.calculator-form-heading{margin-bottom:1.5rem}
.calculator-form-heading h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:.4rem 0 .55rem}
.calculator-form-heading p{margin:0;color:var(--gs-muted)}
.advanced-calculator fieldset{padding:clamp(1rem,2.5vw,1.5rem);margin-bottom:1.25rem;background:linear-gradient(145deg,var(--gs-surface),var(--gs-soft))}
.advanced-calculator legend{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.05rem}
.advanced-calculator legend>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--gs-emerald-700);color:#fff}
.advanced-calculator label small{font-weight:500;line-height:1.45;color:var(--gs-muted)}
.calculator-nisab-grid,.calculator-assets-grid,.qaza-period-grid,.qaza-plan-grid{margin:.35rem 0 0}
.advanced-calculator .calculator-confirm,.qaza-prayer-select .tool-check{align-items:flex-start;padding:1rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);cursor:pointer}
.advanced-calculator .calculator-confirm{margin-top:1rem}
.advanced-calculator .calculator-confirm input,.qaza-prayer-select .tool-check input{flex:0 0 auto;margin-top:.2rem;accent-color:var(--gs-emerald-700)}
.advanced-calculator .calculator-confirm span,.qaza-prayer-select .tool-check span{display:grid;gap:.2rem}
.advanced-calculator .calculator-confirm small,.qaza-prayer-select .tool-check small{font-weight:500;color:var(--gs-muted)}
.qaza-prayer-select{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:.35rem}
.qaza-prayer-select .tool-check{min-height:86px}
.qaza-completed-grid{margin:.35rem 0 1rem}
.qaza-plan-grid{max-width:720px}
.calculator-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.advanced-result{overflow:hidden;margin-top:1.5rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:linear-gradient(150deg,#043c32,#075e4d);box-shadow:0 20px 45px rgba(4,45,38,.2)}
.advanced-result-head{display:grid;padding:1.5rem clamp(1.1rem,3vw,2rem);background:rgba(255,255,255,.05)}
.advanced-result-head span{font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#f0c85f}
.advanced-result-head strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin:.35rem 0;color:#fff}
.advanced-result-head small{color:rgba(255,255,255,.72)}
.advanced-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}
.advanced-result-summary>span{display:grid;gap:.3rem;padding:1rem;background:#064a3e}
.advanced-result-summary small{color:rgba(255,255,255,.65)}
.advanced-result-summary strong{color:#fff;overflow-wrap:anywhere}
.advanced-table-wrap{overflow-x:auto}
.advanced-result table{min-width:650px;border-collapse:collapse}
.advanced-result caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.advanced-result thead{background:rgba(0,0,0,.2)}
.advanced-result th,.advanced-result td{padding:.9rem 1rem;text-align:start;vertical-align:middle}
.advanced-result td strong{color:#fff}
.advanced-result-notice,.advanced-result-message{margin:1rem;padding:1rem 1.1rem;border-radius:.8rem;line-height:1.6}
.advanced-result-notice{background:rgba(240,200,95,.13);border:1px solid rgba(240,200,95,.35)}
.advanced-result-message{background:rgba(255,255,255,.08)}
.advanced-result-message p,.advanced-result-footnote{margin:.35rem 0 0;color:rgba(255,255,255,.78)}
.advanced-result-footnote{padding:0 1.25rem 1.25rem;font-size:.84rem;line-height:1.6}
.qaza-progress{padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.12)}
.qaza-progress>div{height:.55rem;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.qaza-progress>div span{display:block;height:100%;border-radius:inherit;background:#f0c85f}
.qaza-progress small{display:block;margin-top:.55rem;color:rgba(255,255,255,.72)}
.calculator-preparation{position:sticky;top:110px;padding:clamp(1.25rem,3vw,2rem);border-radius:1.5rem;background:linear-gradient(150deg,#063f35,#0b6b57);color:#fff;box-shadow:var(--gs-shadow)}
.calculator-preparation h2{margin:.45rem 0 1.2rem;color:#fff}
.calculator-preparation ol{list-style:none;counter-reset:calculator-step;margin:0;padding:0}
.calculator-preparation li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.13);counter-increment:calculator-step}
.calculator-preparation li:before{content:counter(calculator-step);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#f0c85f;color:#17382f;font-weight:900}
.calculator-preparation li strong,.calculator-preparation li span{grid-column:2}
.calculator-preparation li span{margin-top:.2rem;color:rgba(255,255,255,.7);line-height:1.5}
.calculator-reference{margin-top:1.25rem;padding:1rem;border:1px solid rgba(240,200,95,.38);border-radius:1rem;background:rgba(0,0,0,.12)}
.calculator-reference span,.calculator-reference-grid article>span{display:block;color:#f0c85f;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.calculator-reference strong{display:block;margin:.25rem 0;color:#fff;font-size:1.12rem}
.calculator-reference p{margin:0;color:rgba(255,255,255,.72)}
.calculator-heading{max-width:880px}
.calculator-steps,.calculator-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.calculator-steps article,.calculator-reference-grid article{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface);box-shadow:var(--gs-shadow-sm)}
.calculator-steps article>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:var(--gs-soft);color:var(--gs-emerald-700);font-weight:900}
.calculator-steps h3,.calculator-reference-grid h2{margin:.85rem 0 .45rem;font-size:1.25rem}
.calculator-steps p,.calculator-reference-grid p{margin:0;color:var(--gs-muted);line-height:1.7}
.calculator-reference-section{background:linear-gradient(135deg,#073f35,#075947)}
.calculator-reference-grid article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff}
.calculator-reference-grid h2,.calculator-reference-grid article>strong{color:#fff}
.calculator-reference-grid p{color:rgba(255,255,255,.72)}
.calculator-reference-grid article>strong{display:block;margin-top:1rem}
.calculator-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.calculator-scope-grid>*{padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface)}
.calculator-scope-grid aside{background:var(--gs-soft)}
.calculator-scope-grid h2{margin:.45rem 0 .8rem}
.calculator-scope-grid ul{display:grid;gap:.65rem;margin:1rem 0 0;padding-inline-start:1.25rem}
.calculator-scope-grid p{color:var(--gs-muted);line-height:1.75}
.calculator-faq-section{background:var(--gs-soft)}
.calculator-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin-top:1.5rem}
.calculator-faq-grid details{align-self:start;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);overflow:hidden}
.calculator-faq-grid summary{padding:1.05rem 1.2rem;font-weight:850;color:var(--gs-ink);cursor:pointer}
.calculator-faq-grid details[open] summary{border-bottom:1px solid var(--gs-line);color:var(--gs-emerald-700)}
.calculator-faq-grid p{margin:0;padding:1rem 1.2rem;color:var(--gs-muted);line-height:1.7}
.calculator-related{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;padding:clamp(1.4rem,4vw,2.5rem);border-radius:1.4rem;background:linear-gradient(135deg,#fff8e7,var(--gs-surface));border:1px solid var(--gs-line)}
.calculator-related h2{margin:.45rem 0}.calculator-related p{margin:0;color:var(--gs-muted)}
.calculator-related nav{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.calculator-related a{padding:.85rem 1rem;border:1px solid var(--gs-line);border-radius:.8rem;background:var(--gs-surface);font-weight:800;text-decoration:none}
@media(max-width:1199.98px){.qaza-prayer-select{grid-template-columns:repeat(3,minmax(0,1fr))}.qaza-completed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.calculator-workspace{grid-template-columns:1fr}.calculator-preparation{position:static}.calculator-steps,.calculator-reference-grid{grid-template-columns:1fr 1fr}.advanced-result-summary{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.hero.hero-canvas-section.zakat-photo-hero,.hero.hero-canvas-section.qaza-photo-hero{min-height:410px;background-position:68% center!important}.zakat-photo-hero .hero-shell,.qaza-photo-hero .hero-shell{grid-template-columns:1fr}.zakat-photo-hero .hero-copy,.qaza-photo-hero .hero-copy{padding:1.2rem;border-radius:1rem;background:rgba(3,35,29,.7);backdrop-filter:blur(3px)}.qaza-prayer-select,.qaza-completed-grid,.calculator-steps,.calculator-reference-grid,.calculator-scope-grid,.calculator-faq-grid,.calculator-related{grid-template-columns:1fr}.advanced-result-summary,.calculator-related nav{grid-template-columns:1fr}.calculator-actions>*{width:100%}}

/* Knowledge, Hadith, Quran and Islamic calendar experiences */
.hero.hero-canvas-section.knowledge-photo-hero{min-height:clamp(390px,44vw,520px);padding:0;display:grid;align-items:center;color:#fff;background-position:center;background-size:cover}.knowledge-photo-hero .hero-shell{min-height:0;padding-block:clamp(3rem,7vw,5.5rem);grid-template-columns:minmax(0,720px) 1fr}.knowledge-photo-hero .hero-copy h1,.knowledge-photo-hero .hero-copy .lead,.knowledge-photo-hero .eyebrow{color:#fff}.knowledge-photo-hero .hero-copy h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.98}.knowledge-photo-hero .hero-copy .lead{max-width:690px;color:rgba(255,255,255,.82)}.knowledge-photo-hero .hero-visual{display:none}.knowledge-photo-hero .hero-copy .btn{margin:.75rem .6rem 0 0}.hero.hero-canvas-section.hadith-sahih-bukhari-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(3,44,37,.9) 43%,rgba(2,28,23,.16) 76%),url('../images/hadith-bukhari-hero.webp')}.hero.hero-canvas-section.hadith-sahih-muslim-hero{background-image:linear-gradient(90deg,rgba(2,24,21,.98) 0%,rgba(3,42,36,.89) 43%,rgba(2,25,22,.14) 76%),url('../images/hadith-muslim-hero.webp')}.hero.hero-canvas-section.hadith-jamia-tirmazi-hero{background-image:linear-gradient(90deg,rgba(2,25,21,.98) 0%,rgba(4,47,39,.88) 43%,rgba(2,25,21,.12) 76%),url('../images/hadith-tirmidhi-hero.webp')}.hero.hero-canvas-section.hadith-sunan-abu-dawood-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(4,49,41,.89) 43%,rgba(2,25,21,.14) 76%),url('../images/hadith-abu-dawood-hero.webp')}.hero.hero-canvas-section.hadith-sunan-nisai-hero{background-image:linear-gradient(90deg,rgba(2,25,21,.98) 0%,rgba(3,45,38,.9) 43%,rgba(2,25,21,.15) 76%),url('../images/hadith-nasai-hero.webp')}.hero.hero-canvas-section.quran-photo-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(3,47,39,.9) 43%,rgba(2,26,22,.14) 76%),url('../images/quran-reader-hero.webp')}.hero.hero-canvas-section.islamic-days-hero,.hero.hero-canvas-section.event-detail-hero{background-image:linear-gradient(90deg,rgba(2,24,27,.98) 0%,rgba(3,40,42,.88) 43%,rgba(2,22,25,.12) 76%),url('../images/islamic-days-hero.webp')}
.hero.hero-canvas-section.names-photo-hero{background-image:linear-gradient(90deg,rgba(2,25,21,.98) 0%,rgba(3,42,35,.91) 42%,rgba(2,24,20,.12) 76%),url('../images/asma-ul-husna-hero.webp')}.hero.hero-canvas-section.blog-photo-hero{background-image:linear-gradient(90deg,rgba(2,24,21,.98) 0%,rgba(3,41,35,.91) 42%,rgba(2,23,20,.1) 76%),url('../images/islamic-blog-hero.webp')}.hero.hero-canvas-section.forum-photo-hero{background-image:linear-gradient(90deg,rgba(2,25,22,.98) 0%,rgba(3,43,36,.91) 42%,rgba(2,24,21,.08) 76%),url('../images/islamic-forum-hero.webp')}[dir="rtl"] .names-photo-hero .hero-shell,[dir="rtl"] .blog-photo-hero .hero-shell,[dir="rtl"] .forum-photo-hero .hero-shell{direction:ltr}[dir="rtl"] .names-photo-hero .hero-copy,[dir="rtl"] .blog-photo-hero .hero-copy,[dir="rtl"] .forum-photo-hero .hero-copy{direction:rtl;text-align:right}
.hadith-overview{padding-block:2rem}.hadith-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:-4.5rem;position:relative;z-index:2}.hadith-facts article{display:grid;gap:.5rem;padding:1.4rem;border:1px solid var(--gs-line);border-radius:1.2rem;background:color-mix(in srgb,var(--gs-surface) 94%,transparent);box-shadow:var(--gs-shadow);backdrop-filter:blur(16px)}.hadith-facts span{color:var(--gs-muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hadith-facts strong{font-size:1.05rem;color:var(--gs-emerald-900)}.hadith-library .section-heading,.hadith-faq-section .section-heading{max-width:790px}.hadith-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.hadith-file-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);color:var(--gs-ink);text-decoration:none;transition:.2s}.hadith-file-card:hover{transform:translateY(-2px);border-color:var(--gs-gold-500);box-shadow:var(--gs-shadow-sm)}.hadith-file-card>span:nth-child(2){display:grid;min-width:0}.hadith-file-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hadith-file-card small{color:var(--gs-muted)}.hadith-file-card>b{color:var(--gs-emerald-700);font-size:.82rem}.hadith-file-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.85rem;background:var(--gs-emerald-900);color:#f4d274;font-size:.7rem;font-weight:900}.hadith-empty{grid-column:1/-1;padding:2rem;border:1px dashed var(--gs-line);border-radius:1rem;text-align:center}.hadith-about-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(2rem,5vw,4rem);align-items:start}.hadith-about-grid article p{color:var(--gs-muted);line-height:1.85}.hadith-about-grid aside{padding:clamp(1.5rem,3vw,2.25rem);border-radius:1.4rem;background:linear-gradient(145deg,#063c33,#0d705c);color:#fff;box-shadow:var(--gs-shadow)}.hadith-about-grid aside h2,.hadith-about-grid aside .eyebrow{color:#fff}.hadith-about-grid ol{display:grid;gap:1rem;padding:0;list-style:none;counter-reset:hadithstep}.hadith-about-grid li{counter-increment:hadithstep;display:grid;grid-template-columns:2.4rem 1fr;gap:.1rem .8rem}.hadith-about-grid li:before{content:counter(hadithstep);grid-row:1/3;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:#f0c85f;color:#073b32;font-weight:900}.hadith-about-grid li span{color:rgba(255,255,255,.72);font-size:.9rem}.hadith-reference{padding-top:0}.hadith-reference-card{padding:clamp(1.6rem,4vw,3rem);border-inline-start:5px solid var(--gs-gold-500);border-radius:0 1.5rem 1.5rem 0;background:var(--gs-soft)}.hadith-reference-card>span{color:var(--gs-gold-700);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.hadith-reference-card p{max-width:840px;color:var(--gs-muted)}.hadith-collection-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.hadith-collection-nav a{display:grid;gap:.3rem;padding:1rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);color:var(--gs-ink);text-decoration:none}.hadith-collection-nav a[aria-current=page]{border-color:var(--gs-gold-500);box-shadow:inset 0 0 0 2px rgba(217,166,62,.15)}.hadith-collection-nav small{color:var(--gs-muted)}
.hadith-faq-grid,.quran-faq-grid,.converter-faq-grid,.islamic-days-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.25rem}.hadith-faq-grid details,.quran-faq-grid details,.converter-faq-grid details,.islamic-days-faq-grid details{padding:0 1.1rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface)}.hadith-faq-grid summary,.quran-faq-grid summary,.converter-faq-grid summary,.islamic-days-faq-grid summary{padding:1.1rem 0;font-weight:850;cursor:pointer}.hadith-faq-grid p,.quran-faq-grid p,.converter-faq-grid p,.islamic-days-faq-grid p{color:var(--gs-muted);line-height:1.7}.quran-reader-section{padding-top:clamp(2rem,5vw,4rem)}.quran-sidebar{background:linear-gradient(160deg,var(--gs-surface),var(--gs-soft))}.quran-reading{box-shadow:0 24px 70px rgba(3,60,50,.12)}.quran-purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quran-purpose-grid article{padding:1.4rem;border:1px solid var(--gs-line);border-radius:1.2rem;background:var(--gs-surface)}.quran-purpose-grid article>span{color:var(--gs-gold-600);font-size:1.45rem;font-weight:900}.quran-purpose-grid p{color:var(--gs-muted);line-height:1.7}.quran-purpose-grid strong{color:var(--gs-emerald-700);font-size:.85rem}
.date-converter-photo-hero{min-height:clamp(390px,44vw,520px);display:grid;align-items:center;background-image:linear-gradient(90deg,rgba(2,25,22,.98) 0%,rgba(3,45,38,.9) 43%,rgba(2,25,22,.12) 76%),url('../images/islamic-date-converter-hero.webp');background-position:center;background-size:cover}.date-converter-photo-hero .container{width:100%}.date-converter-photo-hero .btn{margin-top:.75rem}.converter-heading{max-width:820px;margin-bottom:1.5rem}.converter-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.converter-step-grid article,.converter-use-grid article{padding:1.4rem;border:1px solid var(--gs-line);border-radius:1.2rem;background:var(--gs-surface)}.converter-step-grid article>span{color:var(--gs-gold-600);font-size:1.5rem;font-weight:900}.converter-step-grid p,.converter-use-grid p{color:var(--gs-muted);line-height:1.7}.converter-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.converter-reference-grid article{padding:clamp(1.5rem,4vw,2.5rem);border-inline-start:4px solid var(--gs-gold-500);border-radius:0 1.25rem 1.25rem 0;background:var(--gs-surface)}.converter-reference-grid p{color:var(--gs-muted)}.converter-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.islamic-days-intro .section-heading{max-width:820px}.islamic-days-purpose{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.islamic-days-purpose article{padding:1.4rem;border:1px solid var(--gs-line);border-radius:1.2rem;background:var(--gs-surface)}.islamic-days-purpose article>span{color:var(--gs-gold-600);font-size:1.4rem;font-weight:900}.islamic-days-purpose p{color:var(--gs-muted)}.islamic-days-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.islamic-days-reference-grid article{padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.35rem;background:linear-gradient(145deg,#063b32,#0e725e);color:#fff}.islamic-days-reference-grid h2,.islamic-days-reference-grid .eyebrow{color:#fff}.islamic-days-reference-grid p{color:rgba(255,255,255,.75)}.event-detail-hero{min-height:clamp(360px,40vw,480px)}
.theme-dark .hadith-facts article,.theme-dark .hadith-file-card,.theme-dark .hadith-collection-nav a,.theme-dark .quran-purpose-grid article,.theme-dark .converter-step-grid article,.theme-dark .converter-use-grid article,.theme-dark .islamic-days-purpose article{background:var(--gs-surface)}.theme-dark .hadith-facts strong{color:var(--gs-ink)}
@media(max-width:991px){.hadith-facts,.hadith-collection-nav,.quran-purpose-grid,.converter-use-grid{grid-template-columns:repeat(2,1fr)}.hadith-about-grid{grid-template-columns:1fr}.converter-step-grid,.islamic-days-purpose{grid-template-columns:1fr}}
@media(max-width:767px){.knowledge-photo-hero,.date-converter-photo-hero{min-height:430px;background-position:62% center}.names-photo-hero,.blog-photo-hero,.forum-photo-hero{background-position:70% center!important}.knowledge-photo-hero .hero-shell{padding-block:2.75rem}.hadith-facts{margin-top:-2rem}.hadith-file-grid,.hadith-faq-grid,.quran-faq-grid,.converter-faq-grid,.islamic-days-faq-grid,.converter-reference-grid,.islamic-days-reference-grid{grid-template-columns:1fr}.hadith-file-card{grid-template-columns:auto 1fr}.hadith-file-card>b{display:none}}
@media(max-width:575px){.hadith-facts,.hadith-collection-nav,.quran-purpose-grid,.converter-use-grid{grid-template-columns:1fr}.knowledge-photo-hero .hero-copy .btn{width:100%;margin-right:0}.hadith-overview{padding-block:1rem}.hadith-facts{gap:.65rem;margin-top:-1.25rem}.hadith-facts article{grid-template-columns:minmax(6.5rem,.42fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:1rem}.hadith-facts span{font-size:.66rem;line-height:1.35}.hadith-facts strong{font-size:.94rem;line-height:1.45}.hadith-file-card strong{white-space:normal}.converter-shell{border-radius:1.15rem}.converter-hijri-fields,.converter-options{grid-template-columns:1fr}.date-converter-photo-hero h1{font-size:clamp(2.35rem,12vw,3.4rem)}.converter-result{padding:1.35rem}.converter-result strong{font-size:1.35rem;overflow-wrap:anywhere}}

/* Dua library, individual dua and Islamic calendar experiences */
.hero.hero-canvas-section.dua-photo-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(3,47,39,.9) 43%,rgba(2,26,22,.12) 76%),url('../images/duas-hero.webp')}
.hero.hero-canvas-section.calendar-photo-hero{background-image:linear-gradient(90deg,rgba(2,25,24,.98) 0%,rgba(3,44,40,.9) 43%,rgba(2,24,23,.1) 76%),url('../images/islamic-calendar-hero.webp')}
.dua-facts-wrap,.calendar-facts-wrap{position:relative;z-index:2;margin-top:-2.4rem}.dua-facts,.calendar-facts{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--gs-line);border-radius:1.25rem;background:var(--gs-surface);box-shadow:var(--gs-shadow)}.dua-facts article,.calendar-facts article{display:grid;gap:.15rem;padding:1.25rem 1.5rem;text-align:center}.dua-facts article+article,.calendar-facts article+article{border-inline-start:1px solid var(--gs-line)}.dua-facts strong,.calendar-facts strong{color:var(--gs-emerald-700);font-size:clamp(1.35rem,3vw,2rem);line-height:1}.dua-facts span,.calendar-facts span{color:var(--gs-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}
.dua-library-section{padding-top:clamp(3.5rem,7vw,6rem)}.dua-library-heading{max-width:840px}.dua-search-label{display:block;margin-bottom:.45rem;color:var(--gs-ink);font-weight:800}.dua-library-search{min-height:54px;margin-bottom:1.25rem;border-radius:1rem}.dua-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dua-library-card{min-width:0}.dua-library-card>a{position:relative;display:flex;height:100%;min-height:250px;flex-direction:column;padding:1.4rem;overflow:hidden;border:1px solid var(--gs-line);border-radius:1.2rem;background:linear-gradient(145deg,var(--gs-surface),var(--gs-soft));text-decoration:none;box-shadow:var(--gs-shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dua-library-card>a:after{content:"";position:absolute;right:-2rem;bottom:-3rem;width:8rem;aspect-ratio:1;border-radius:50%;background:rgba(217,166,62,.1)}.dua-library-card>a:hover{transform:translateY(-4px);border-color:var(--gs-emerald-600);box-shadow:var(--gs-shadow)}.dua-card-category{align-self:flex-start;padding:.35rem .65rem;border-radius:999px;background:var(--gs-gold-100);color:#80580d;font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.dua-library-card h2{margin:.9rem 0 .65rem;color:var(--gs-ink);font-size:1.12rem;line-height:1.35}.dua-library-card p{display:-webkit-box;margin:auto 0 1rem;color:var(--gs-emerald-700);font-family:serif;font-size:1.45rem;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dua-card-link{position:relative;z-index:1;margin-top:auto;color:var(--gs-emerald-700);font-weight:850}.dua-card-link b{margin-inline-start:.25rem}
.dua-guide-section{background:linear-gradient(180deg,var(--gs-soft),transparent)}.dua-guide-grid,.dua-context-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1.25rem;align-items:stretch}.dua-guide-grid>article,.dua-guide-grid>aside,.dua-context-grid>article,.dua-context-grid>aside{padding:clamp(1.5rem,4vw,2.6rem);border-radius:1.35rem}.dua-guide-grid>article,.dua-context-grid>article{border:1px solid var(--gs-line);background:var(--gs-surface)}.dua-guide-grid>aside,.dua-context-grid>aside{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#063b32,#0d745e);color:#fff}.dua-guide-grid>aside span,.dua-context-grid>aside span{color:#f0c85f;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.dua-guide-grid>aside h2,.dua-context-grid>aside h2{color:#fff}.dua-guide-grid>aside p,.dua-context-grid>aside p{color:rgba(255,255,255,.78);line-height:1.75}.dua-guide-grid>aside a{color:#fff;font-weight:850}.dua-steps{display:grid;gap:.8rem;margin-top:1.3rem}.dua-steps>div{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:.85rem;border-radius:1rem;background:var(--gs-soft)}.dua-steps b{display:grid;place-items:center;width:2.4rem;aspect-ratio:1;border-radius:.8rem;background:var(--gs-emerald-700);color:#fff}.dua-steps span,.dua-steps strong,.dua-steps small{display:block}.dua-steps small{margin-top:.15rem;color:var(--gs-muted)}
.dua-faq-grid,.calendar-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}.dua-faq-item,.calendar-faq-item{border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface)}.dua-faq-item summary,.calendar-faq-item summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem;cursor:pointer;list-style:none;color:var(--gs-ink);font-weight:800}.dua-faq-item summary span,.calendar-faq-item summary span{position:relative;width:1.5rem;height:1.5rem;flex:none;border-radius:50%;background:var(--gs-soft)}.dua-faq-item summary span:before,.dua-faq-item summary span:after,.calendar-faq-item summary span:before,.calendar-faq-item summary span:after{content:"";position:absolute;top:50%;left:50%;width:.6rem;border-top:2px solid var(--gs-emerald-700);transform:translate(-50%,-50%)}.dua-faq-item summary span:after,.calendar-faq-item summary span:after{transform:translate(-50%,-50%) rotate(90deg)}.dua-faq-item[open] summary span:after,.calendar-faq-item[open] summary span:after{display:none}.dua-faq-item p,.calendar-faq-item p{padding:0 1.1rem 1.1rem;margin:0;color:var(--gs-muted);line-height:1.7}
.dua-related,.calendar-related{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.4rem;background:linear-gradient(135deg,#073f35,#0e745f);color:#fff}.dua-related h2,.dua-related .eyebrow,.calendar-related h2,.calendar-related .eyebrow{color:#fff}.dua-related nav,.calendar-related nav{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.dua-related nav a,.calendar-related nav a{padding:.72rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;text-decoration:none;font-weight:800}.dua-related nav a:hover,.calendar-related nav a:hover{background:#fff;color:var(--gs-emerald-800)}
.dua-reading-section{background:linear-gradient(180deg,var(--gs-soft),transparent)}.dua-reading-card{overflow:hidden;border:1px solid var(--gs-line);border-radius:1.5rem;background:var(--gs-surface);box-shadow:var(--gs-shadow)}.dua-reading-card>header{padding:clamp(1.4rem,3vw,2rem);border-bottom:1px solid var(--gs-line)}.dua-reading-card>header h2{margin:.35rem 0 0}.dua-arabic-panel{padding:clamp(2rem,6vw,4rem);background:linear-gradient(145deg,#063b32,#0d735e);text-align:center}.dua-arabic-panel .dua-arabic{max-width:920px;margin:0 auto;color:#fff;font-family:serif;font-size:clamp(1.8rem,4vw,3rem);line-height:2}.dua-reading-grid{display:grid;grid-template-columns:1fr 1fr}.dua-reading-grid>section{padding:clamp(1.4rem,3vw,2rem)}.dua-reading-grid>section+section{border-inline-start:1px solid var(--gs-line)}.dua-reading-grid h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gs-gold-600)}.dua-reading-grid p{margin:0;color:var(--gs-muted);font-size:1.05rem;line-height:1.8}.dua-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding:0 clamp(1.4rem,3vw,2rem) clamp(1.4rem,3vw,2rem)}.dua-context-grid ul{padding-inline-start:1.2rem;color:var(--gs-muted);line-height:1.9}.dua-detail-related{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dua-detail-related a{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1.2rem;border:1px solid var(--gs-line);border-radius:1rem;background:var(--gs-surface);text-decoration:none}.dua-detail-related span{grid-column:1/-1;color:var(--gs-gold-600);font-size:.7rem;font-weight:850;text-transform:uppercase}.dua-detail-related strong{color:var(--gs-ink)}.dua-detail-related b{color:var(--gs-emerald-700)}.dua-detail-note>div>div{padding:1.25rem 1.5rem;border-inline-start:4px solid var(--gs-gold-500);border-radius:0 1rem 1rem 0;background:var(--gs-soft)}.dua-detail-note p{margin:.35rem 0 0;color:var(--gs-muted)}
.dua-category-reading-list{display:grid;gap:clamp(1.4rem,3vw,2.25rem)}.dua-category-reading-card{scroll-margin-top:7rem}.dua-category-reading-card .dua-card-export-status{min-height:1.4rem;margin:-.5rem clamp(1.4rem,3vw,2rem) 1.25rem;color:var(--gs-emerald-700);font-size:.85rem;font-weight:700}.dua-category-reading-card .btn.is-loading{cursor:progress;opacity:.65}.dua-category-card .dua-card-category{color:var(--gs-gold-600)}
.calendar-section{padding-top:clamp(3.5rem,7vw,6rem)}.calendar-purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.calendar-purpose-grid article{padding:1.4rem;border:1px solid var(--gs-line);border-radius:1.2rem;background:var(--gs-surface)}.calendar-purpose-grid article>span{color:var(--gs-gold-600);font-size:1.5rem;font-weight:900}.calendar-purpose-grid p{color:var(--gs-muted);line-height:1.7}.calendar-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.calendar-reference-grid article{padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.35rem;background:linear-gradient(145deg,#063b32,#0e725e);color:#fff}.calendar-reference-grid span{color:#f0c85f;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.calendar-reference-grid h2{color:#fff}.calendar-reference-grid p{color:rgba(255,255,255,.78);line-height:1.75}
.theme-dark .dua-facts strong,.theme-dark .calendar-facts strong{color:var(--gs-ink)}
@media(max-width:991px){.dua-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dua-guide-grid,.dua-context-grid{grid-template-columns:1fr}.dua-related,.calendar-related{display:grid}.dua-related nav,.calendar-related nav{justify-content:flex-start}.calendar-purpose-grid{grid-template-columns:1fr}.dua-detail-related{grid-template-columns:1fr}}
@media(max-width:767px){.dua-facts,.calendar-facts{grid-template-columns:1fr}.dua-facts article+article,.calendar-facts article+article{border-inline-start:0;border-top:1px solid var(--gs-line)}.dua-library-grid,.dua-faq-grid,.calendar-faq-grid,.calendar-reference-grid,.dua-reading-grid{grid-template-columns:1fr}.dua-reading-grid>section+section{border-inline-start:0;border-top:1px solid var(--gs-line)}.dua-photo-hero,.calendar-photo-hero{background-position:63% center}.dua-related nav,.calendar-related nav{display:grid}.dua-related nav a,.calendar-related nav a{text-align:center}}
@media(max-width:575px){.dua-library-grid{grid-template-columns:1fr}.dua-library-card>a{min-height:220px}.dua-actions{display:grid}.dua-actions .btn{width:100%}.dua-photo-hero .hero-copy .btn,.calendar-photo-hero .hero-copy .btn{width:100%;margin-right:0}}
.hero.hero-canvas-section.qibla-photo-hero{background-image:linear-gradient(90deg,rgba(2,24,22,.98) 0%,rgba(3,42,37,.91) 43%,rgba(2,25,22,.1) 78%),url('../images/qibla-finder-hero.webp')}
.hero.hero-canvas-section.makkah-recording-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(3,47,39,.87) 48%,rgba(2,26,22,.08) 80%),url('../images/makkah-recording-hero.webp')}.hero.hero-canvas-section.madinah-recording-hero{background-image:linear-gradient(90deg,rgba(2,26,22,.98) 0%,rgba(3,47,39,.87) 48%,rgba(2,26,22,.08) 80%),url('../images/madinah-recording-hero.webp')}[dir="rtl"] .hero.hero-canvas-section.qibla-photo-hero,[dir="rtl"] .hero.hero-canvas-section.makkah-recording-hero,[dir="rtl"] .hero.hero-canvas-section.madinah-recording-hero{background-image:linear-gradient(270deg,rgba(2,26,22,.98) 0%,rgba(3,47,39,.87) 48%,rgba(2,26,22,.08) 80%),var(--recording-image)}[dir="rtl"] .hero.hero-canvas-section.qibla-photo-hero{--recording-image:url('../images/qibla-finder-hero.webp')}[dir="rtl"] .hero.hero-canvas-section.makkah-recording-hero{--recording-image:url('../images/makkah-recording-hero.webp')}[dir="rtl"] .hero.hero-canvas-section.madinah-recording-hero{--recording-image:url('../images/madinah-recording-hero.webp')}
@media(max-width:767px){.qibla-photo-hero,.makkah-recording-hero,.madinah-recording-hero{background-position:68% center!important}.qibla-photo-hero .hero-copy,.makkah-recording-hero .hero-copy,.madinah-recording-hero .hero-copy{padding:1.2rem;border-radius:1rem;background:rgba(3,35,29,.66);backdrop-filter:blur(3px)}}