.faith-page{--faith-green:#06483f;--faith-gold:#9b7025;--faith-navy:#08275f;--faith-line:#e7e9e8;min-height:75vh;background:#fff;color:#06483f;font-family:Cairo,sans-serif}
.faith-page *{box-sizing:border-box}
.faith-hero{position:relative;isolation:isolate;overflow:hidden;min-height:310px;display:flex;align-items:center;justify-content:center;background:#f5efdf url('../img/home/scholars-banner.png') center 55%/cover no-repeat;text-align:center;padding:38px 28px;border-bottom:1px solid #d7bf87;box-shadow:0 8px 24px #06483f09}
.faith-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06483f22,transparent 28%,transparent 72%,#06483f22),radial-gradient(ellipse at center,#fffaf2f5 15%,#fff8eebd 46%,transparent 80%)}
.faith-hero:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(360px,55%);height:4px;background:linear-gradient(90deg,transparent,#dc9409 30%,#f2ce7b 50%,#dc9409 70%,transparent);border-radius:4px 4px 0 0}
.faith-hero-copy{width:100%;max-width:900px;padding:8px 24px;position:relative}
.faith-hero h1{margin:0;color:#06483f;font-size:60px;font-weight:900;line-height:1.45;text-shadow:0 2px 0 #fff9ee,0 5px 20px #06483f12}
.faith-hero h1:after{content:'';display:block;width:84px;height:4px;margin:14px auto;background:linear-gradient(90deg,#9b7025,#e9bd60,#9b7025);border-radius:4px;box-shadow:0 3px 12px #dc940926}
.faith-hero h2{margin:6px 0 10px;color:#91651c;font-size:23px;font-weight:800;line-height:1.7}
.faith-hero p{max-width:660px;margin:0 auto;color:#4d5b57;font-size:16px;line-height:1.95}
.faith-hero-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;border:1px solid #d8c49a;border-radius:30px;padding:7px 16px;background:#fffaf0e6;color:#06483f;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 3px 12px #06483f08;transition:background .2s,border-color .2s}
.faith-hero-back:hover{background:#fff;border-color:#9b7025}
.faith-container{width:100%;max-width:1440px;margin-inline:auto;padding:22px 28px 40px;min-width:0}
.faith-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.faith-section-heading h2{margin:0;font-size:23px;font-weight:900;color:#06483f}
.faith-section-heading>span{color:#777;font-size:12px}
.faith-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.faith-tool-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7e9e8;border-radius:15px;background:#fff;color:#06483f;text-decoration:none;transition:transform .2s,box-shadow .2s}
.faith-tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #06483f10}
.faith-tool-art{display:grid;place-items:center;height:110px;background:#f5efdf url('../img/home/scholars-card.png') center/cover}
.faith-tool-art i{display:grid;place-items:center;width:64px;height:64px;border:3px solid #fff;border-radius:50%;background:#edf4eff0;color:#06483f;font-size:32px;box-shadow:0 4px 14px #06483f18}
.faith-tool-copy{display:flex;flex:1;flex-direction:column;padding:18px;text-align:center}
.faith-tool-copy h2{margin:0;font-size:19px;font-weight:800;line-height:1.6}
.faith-tool-copy p{margin:9px 0 16px;color:#6c7374;font-size:12px;line-height:1.8}
.faith-tool-copy>span{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:9px;border:1px solid #f0e2c4;border-radius:14px;background:#fcf6e9;font-size:12px;font-weight:800}
.faith-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #bc924b;outline-offset:3px}
.faith-page .faith-container :is(section,article,aside,form)[class*="border-slate-"]{border-color:#e7e9e8}
.faith-page .faith-container :is(h2,h3,strong)[class*="text-slate-"]{color:#06483f}
.faith-page [class*="text-[#1d6f74]"],.faith-page [class*="text-[#0f4c81]"]{color:#06483f}
.faith-page [class*="text-[#d08a3b]"],.faith-page [class*="text-[#b8752b]"],.faith-page [class*="text-[#ff5500]"]{color:#9b7025}
.faith-page [class*="bg-[#1d6f74]"]:not([class*="/"]){background-color:#06483f}
.faith-page [class*="bg-[#e8f3ef]"],.faith-page [class*="bg-[#edf7f5]"]{background-color:#edf4ef}
.faith-page [class*="bg-[#fffaf0]"]{background-color:#fcf6e9}
.faith-page .faith-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;border:1px solid #e7e9e8;border-radius:18px;background:#f7f8f9}
.faith-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.faith-page select{border-color:#d9dfdf;border-radius:12px}
.faith-page :is(input[type=checkbox],input[type=radio]){accent-color:#06483f}
.faith-page :is(.hisn-card,.daily-dhikr-card){border-radius:15px;box-shadow:none}
.faith-page :is(.hisn-body,[class*="bg-slate-50"]){background-color:#f7f8f5}
.faith-page .faith-dawah-aside{background:#faf9f5;border:1px solid #e7e9e8;border-radius:18px;padding:18px}
.faith-page .faith-dawah-stat{background:#08275f}
.faith-page .faith-dawah-grid article{border:1px solid #e7e9e8;border-radius:15px;box-shadow:0 8px 22px #06483f10}
.faith-page #quranReader:not(.night) .quran-tool,.faith-page #quranReader:not(.night) .quran-audio-button{color:#06483f;border-color:#d9dfdf;border-radius:12px}
.faith-page #quranReader:not(.night) .quran-audio-button.is-primary{background:#06483f;color:#fff}
.faith-page #quranReader:not(.night) .quran-panel,.faith-page #quranReader:not(.night) .quran-sidebar{border-color:#e7e9e8;border-radius:15px;box-shadow:none}
.faith-page #quranReader:not(.night) .quran-panel>header{background:#faf9f5}
.faith-page #realTasbeeh{max-width:780px;margin-inline:auto;border:1px solid #e5d9bd;border-radius:20px;background:#08275f;box-shadow:0 8px 22px #08275f14}
.faith-page #realTasbeeh>div>.pointer-events-none{background:radial-gradient(circle at 50% 20%,#dc940933,transparent 40%),linear-gradient(145deg,#173d77,#08275f 70%)}
.faith-page #realTasbeeh select{background:#ffffff14;color:#fff;border-color:#ffffff30}
.faith-page #realTasbeeh select option{background:#08275f;color:#fff}
@media(max-width:1199px){.faith-container{padding:20px}.faith-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faith-hero h1{font-size:44px}}
@media(max-width:900px){.faith-hero{min-height:280px;padding:30px 20px}.faith-hero-copy{padding:14px;border-radius:20px;background:#fff9efba}.faith-hero h2{font-size:20px}.faith-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.faith-container{padding:16px 14px 30px}.faith-hero h1{font-size:38px}.faith-hero h2{font-size:16px}.faith-hero p{font-size:12px}.faith-tools-grid{gap:12px}.faith-tool-copy{padding:12px}.faith-tool-copy h2{font-size:16px}.faith-tool-copy p{font-size:11px}.faith-tool-art{height:90px}.faith-section-heading h2{font-size:19px}}
@media(max-width:380px){.faith-tools-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.faith-page *{transition:none!important}}