body.sl-page{--sl-bg:#f4f7f4;--sl-surface:#fff;--sl-soft:#f8faf8;--sl-ink:#173f36;--sl-muted:#63756d;--sl-line:#d6e1d9;--sl-accent:#2f6b57;--sl-accent-soft:#e8f2ec;--sl-gold:#9a792f;--sl-gold-soft:#f7f0dd;--sl-hero:#123f35;--sl-shadow:0 16px 40px rgba(18,61,51,.07);margin:0;background:var(--sl-bg);color:var(--sl-ink);font:16px/1.8 Tahoma,Arial,sans-serif}body.sl-page--audio{--sl-accent:#356b7c;--sl-accent-soft:#e8f2f5;--sl-hero:#174b59}body.sl-page--learning{--sl-accent:#526580;--sl-accent-soft:#ebeff6;--sl-hero:#35475f}body.sl-page--adhkar{--sl-accent:#806b31;--sl-accent-soft:#f4eedc;--sl-hero:#50451f}body.sl-page--knowledge{--sl-accent:#685a78;--sl-accent-soft:#f0ebf5;--sl-hero:#4a4058}body.sl-page--tools{--sl-accent:#6f6251;--sl-accent-soft:#f1eee9;--sl-hero:#4b4438}body.sl-page--understand{--sl-accent:#456b5c;--sl-accent-soft:#e9f1ec;--sl-hero:#234d40}.sl-page *{box-sizing:border-box}.sl-page a{color:inherit;text-decoration:none}.sl-page button,.sl-page input{font:inherit}.sl-page :is(a,button,input):focus-visible{outline:3px solid rgba(161,130,56,.55);outline-offset:3px}.sl-page main{width:min(1220px,calc(100% - 40px));margin-inline:auto;padding:16px 0 48px}.sl-sprite{position:absolute;width:0;height:0;overflow:hidden}.sl-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sl-skip{position:fixed;top:-100px;right:16px;z-index:9999;padding:8px 12px;background:#fff}.sl-skip:focus{top:10px}.sl-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sl-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 12px;color:var(--sl-muted);font-size:11px}.sl-hero{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:22px;align-items:center;padding:31px 34px;border:1px solid color-mix(in srgb,var(--sl-accent) 68%,#fff);border-radius:22px;background:linear-gradient(135deg,var(--sl-hero),color-mix(in srgb,var(--sl-hero) 78%,#8c702b));color:#fff;box-shadow:0 15px 40px rgba(14,51,42,.1)}.sl-eyebrow{margin:0 0 5px;color:var(--sl-gold);font-size:10px;font-weight:900}.sl-hero .sl-eyebrow{color:#e2cf98}.sl-hero h1{margin:0;font-size:clamp(31px,4vw,47px);line-height:1.35;letter-spacing:-1.2px}.sl-hero-copy>p:not(.sl-eyebrow){max-width:720px;margin:9px 0 0;color:#dbe7e1;font-size:13px;line-height:1.9}.sl-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.sl-primary,.sl-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:8px 16px;border-radius:10px;font-size:11.5px;font-weight:900}.sl-primary{background:#ead9a8;color:#173f36!important}.sl-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff!important}.sl-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:18px;color:#cbdad3;font-size:9.5px}.sl-meta span{padding:0 11px;border-inline-start:1px solid rgba(255,255,255,.19)}.sl-meta span:first-child{padding-inline-start:0;border-inline-start:0}.sl-meta b{color:#f0dca7}.sl-hero-quick{padding:12px;border:1px solid rgba(238,220,171,.4);border-radius:15px;background:rgba(8,35,29,.43)}.sl-hero-quick>strong{display:block;padding:3px 7px 7px;color:#e6d49a;font-size:10px}.sl-hero-quick>a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:7px;border-top:1px solid rgba(255,255,255,.11);font-size:10.5px;font-weight:800}.sl-hero-quick>a:hover{background:rgba(255,255,255,.07);border-radius:8px}.sl-hero-quick .sl-icon{width:18px;height:18px;color:#dfcb8e}.sl-finder{margin-top:18px;padding:19px;border:1px solid var(--sl-line);border-radius:17px;background:var(--sl-surface)}.sl-finder-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.sl-finder-head h2,.sl-section-head h2,.sl-related h2,.sl-context h2{margin:0;font-size:21px;line-height:1.45}.sl-finder-head>span{padding:4px 8px;border-radius:999px;background:var(--sl-accent-soft);color:var(--sl-accent);font-size:9px;font-weight:900}.sl-search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:11px;padding:5px 5px 5px 11px;border:1px solid var(--sl-line);border-radius:11px;background:var(--sl-soft)}.sl-search>span{color:var(--sl-muted)}.sl-search input{height:39px;border:0;outline:0;background:transparent;color:var(--sl-ink);font-size:12px}.sl-search button{min-height:36px;padding:6px 12px;border:0;border-radius:8px;background:var(--sl-accent);color:#fff;font-size:10px;font-weight:800}.sl-group-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sl-group-nav a{padding:5px 9px;border:1px solid var(--sl-line);border-radius:999px;background:var(--sl-soft);font-size:9px;font-weight:800}.sl-group-nav a:hover{border-color:var(--sl-accent);color:var(--sl-accent)}.sl-empty{margin:12px 0 0;padding:10px;border-radius:9px;background:var(--sl-gold-soft);color:#755c28;font-size:10px}.sl-surahs{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:14px;padding:14px 16px;border:1px solid var(--sl-line);border-radius:14px;background:linear-gradient(135deg,var(--sl-surface),var(--sl-accent-soft))}.sl-surahs small{display:block;color:var(--sl-gold);font-size:8px;font-weight:900}.sl-surahs strong{font-size:12px}.sl-surahs nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.sl-surahs a{padding:6px 9px;border:1px solid var(--sl-line);border-radius:999px;background:var(--sl-surface);font-size:9px;font-weight:800}.sl-surahs .sl-surahs-all{background:var(--sl-accent);color:#fff;border-color:var(--sl-accent)}.sl-content{margin-top:20px}.sl-group{margin-top:18px}.sl-group[hidden]{display:none}.sl-group-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:9px}.sl-group-head>div>span{display:inline-flex;margin-bottom:4px;color:var(--sl-gold);font-size:8px;font-weight:900}.sl-group-head h2{margin:0;font-size:18px;line-height:1.45}.sl-group-head p{margin:2px 0 0;color:var(--sl-muted);font-size:10.5px}.sl-group-head>b{padding:4px 8px;border:1px solid var(--sl-line);border-radius:999px;background:var(--sl-surface);color:var(--sl-muted);font-size:8.5px;white-space:nowrap}.sl-group-head i{font-style:normal;color:var(--sl-accent)}.sl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sl-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:105px;padding:13px;border:1px solid var(--sl-line);border-radius:13px;background:var(--sl-surface);box-shadow:0 3px 12px rgba(17,55,46,.035);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.sl-card:hover{transform:translateY(-2px);border-color:var(--sl-accent);box-shadow:0 8px 20px rgba(17,55,46,.07)}.sl-card[hidden]{display:none}.sl-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--sl-accent-soft);color:var(--sl-accent)}.sl-card-icon .sl-icon{width:21px;height:21px}.sl-card-copy{min-width:0;display:block}.sl-card-copy small{display:block;color:var(--sl-gold);font-size:8px;font-style:normal;font-weight:900}.sl-card-copy strong{display:block;font-size:12.5px;line-height:1.45}.sl-card-copy em{display:block;margin-top:3px;color:var(--sl-muted);font-size:9px;font-style:normal;line-height:1.55}.sl-card>b{color:#93a39b}.sl-journey{margin-top:30px}.sl-section-head{margin-bottom:10px}.sl-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sl-journey-grid a{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;min-height:70px;padding:10px;border:1px solid var(--sl-line);border-radius:11px;background:var(--sl-surface)}.sl-journey-grid a>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--sl-accent-soft);color:var(--sl-accent);font-size:9px;font-weight:900}.sl-journey-grid strong{display:block;font-size:10.5px}.sl-journey-grid small{display:block;color:var(--sl-muted);font-size:8px}.sl-journey-grid a>b{color:#92a39a}.sl-context{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;margin-top:25px;padding:20px;border:1px solid var(--sl-line);border-radius:15px;background:linear-gradient(135deg,var(--sl-accent-soft),var(--sl-gold-soft))}.sl-context p:last-child{margin:0;color:var(--sl-muted);font-size:11px;line-height:1.9}.sl-related{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--sl-line)}.sl-related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sl-related-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:8px 10px;border:1px solid var(--sl-line);border-radius:9px;background:var(--sl-surface);font-size:9.5px;font-weight:800}.sl-related-links a:hover{border-color:var(--sl-accent)}html[data-theme=dark] body.sl-page{--sl-bg:#0c1a16;--sl-surface:#122620;--sl-soft:#10231d;--sl-ink:#eef5f1;--sl-muted:#a9b9b1;--sl-line:#30483f;--sl-accent-soft:#19352b;--sl-gold:#d2b66e;--sl-gold-soft:#332c1d;background:#0c1a16}html[data-theme=dark] .sl-hero{box-shadow:none}html[data-theme=dark] .sl-finder,html[data-theme=dark] .sl-card,html[data-theme=dark] .sl-journey-grid a,html[data-theme=dark] .sl-related-links a{box-shadow:none}html[data-theme=dark] .sl-empty{color:#e2c986}@media(max-width:930px){.sl-hero{grid-template-columns:1fr}.sl-hero-quick{display:grid;grid-template-columns:repeat(2,1fr)}.sl-hero-quick>strong{grid-column:1/-1}.sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-context,.sl-related{grid-template-columns:1fr}.sl-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sl-page main{width:calc(100% - 16px);padding-top:9px}.sl-breadcrumb{font-size:10px;margin-bottom:9px}.sl-hero{padding:23px 14px 18px;border-radius:17px;gap:17px}.sl-hero h1{font-size:28px;letter-spacing:-.6px}.sl-hero-copy>p:not(.sl-eyebrow){font-size:12px;line-height:1.8}.sl-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:15px}.sl-primary,.sl-secondary{min-height:47px;padding:8px 10px;font-size:11px}.sl-meta{font-size:9px}.sl-hero-quick{grid-template-columns:1fr 1fr;padding:10px}.sl-hero-quick>a{min-height:48px;padding:7px 5px;font-size:10.5px}.sl-finder{padding:15px 11px;margin-top:13px}.sl-finder-head{align-items:flex-start}.sl-finder-head h2{font-size:19px}.sl-search{grid-template-columns:19px minmax(0,1fr) auto}.sl-search input{height:42px;font-size:12.5px}.sl-search button{min-height:40px}.sl-group-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.sl-group-nav::-webkit-scrollbar{display:none}.sl-group-nav a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;font-size:10px}.sl-surahs{grid-template-columns:1fr;gap:8px;padding:12px}.sl-surahs nav{justify-content:flex-start}.sl-content{margin-top:15px}.sl-group{margin-top:16px}.sl-group-head{align-items:flex-start}.sl-group-head h2{font-size:17px}.sl-group-head p{font-size:11px;line-height:1.6}.sl-grid{grid-template-columns:1fr}.sl-card{min-height:88px;padding:11px;gap:10px}.sl-card-icon{width:40px;height:40px}.sl-card-copy small{font-size:9.5px}.sl-card-copy strong{font-size:13px}.sl-card-copy em{font-size:10.5px;line-height:1.55}.sl-journey{margin-top:23px}.sl-journey-grid{grid-template-columns:1fr 1fr}.sl-journey-grid a{min-height:72px}.sl-journey-grid strong{font-size:11px}.sl-journey-grid small{font-size:9.5px}.sl-context{gap:8px;margin-top:20px;padding:16px 13px}.sl-context h2{font-size:18px}.sl-context p:last-child{font-size:11.5px;line-height:1.8}.sl-related{gap:10px;margin-top:20px}.sl-related h2{font-size:18px}.sl-related-links{grid-template-columns:1fr 1fr}.sl-related-links a{min-height:47px;font-size:10.5px}}@media(max-width:380px){.sl-hero-actions,.sl-hero-quick,.sl-journey-grid,.sl-related-links{grid-template-columns:1fr}}@media(hover:none){.sl-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.sl-card{transition:none}}

/* E-QURAN SECTION LANDING — light-mode hero contrast correction.
   Additive only: the existing dark-mode hero and all other site components remain unchanged. */
html[data-theme="light"] body.sl-page .sl-hero {
  background:linear-gradient(132deg,#f5f9f4 0%,color-mix(in srgb,var(--sl-accent) 11%,#fff) 57%,#f9f0da 100%);
  border-color:#b6cdbf;
  color:#163e34;
  box-shadow:0 13px 32px rgba(15,58,44,.08);
}
html[data-theme="light"] body.sl-page .sl-hero h1 {color:#153d33;}
html[data-theme="light"] body.sl-page .sl-hero .sl-eyebrow {color:#755515;font-size:11.5px;}
html[data-theme="light"] body.sl-page .sl-hero-copy>p:not(.sl-eyebrow) {color:#385b50;font-size:13.5px;}
html[data-theme="light"] body.sl-page .sl-hero .sl-primary {
  background:#174e3f;
  color:#fff!important;
  font-size:12.5px;
}
html[data-theme="light"] body.sl-page .sl-hero .sl-secondary {
  background:#fff;
  border-color:#a7c1b1;
  color:#173f35!important;
  font-size:12.5px;
}
html[data-theme="light"] body.sl-page .sl-hero .sl-meta {color:#466456;font-size:11px;}
html[data-theme="light"] body.sl-page .sl-hero .sl-meta b {color:#795717;}
html[data-theme="light"] body.sl-page .sl-hero .sl-meta span {border-inline-start-color:rgba(28,74,52,.22);}
html[data-theme="light"] body.sl-page .sl-hero .sl-meta span:first-child {border-inline-start:0;}
html[data-theme="light"] body.sl-page .sl-hero .sl-hero-quick {
  border-color:#c6d7c9;
  background:rgba(255,255,255,.84);
  color:#193e33;
}
html[data-theme="light"] body.sl-page .sl-hero .sl-hero-quick>strong {color:#755515;font-size:11.5px;}
html[data-theme="light"] body.sl-page .sl-hero .sl-hero-quick>a {
  border-top-color:rgba(28,74,52,.17);
  color:#193e33;
  font-size:12px;
}
html[data-theme="light"] body.sl-page .sl-hero .sl-hero-quick>a:hover {background:rgba(31,92,64,.07);}
html[data-theme="light"] body.sl-page .sl-hero .sl-hero-quick .sl-icon {color:#38634f;}
html[data-theme="light"] body.sl-page .sl-hero :is(a,button):focus-visible {outline-color:#946c15;}