/* E-QURAN V17.4 — landing pages only. Scoped: .eq-landing-v174 */
.eq-landing-v174{
  --eq-l-accent:#176b4c;--eq-l-gold:#b68a2d;--eq-l-cyan:#2c7d78;--eq-l-indigo:#4e6288;
  width:min(1210px,calc(100% - 24px));margin-inline:auto;padding-top:10px!important;padding-bottom:34px!important;
  font-size:15px;line-height:1.65;min-height:0!important
}
.eq-landing-v174 .eq-breadcrumb{font-size:12.5px;margin:0 0 8px;opacity:.9}
.eq-landing-v174 .eq-hero{min-height:0!important;padding:17px 22px!important;margin:0 0 10px!important;border-radius:18px!important;gap:12px!important;box-shadow:0 8px 24px rgba(20,55,42,.065)!important;background:linear-gradient(135deg,var(--eq-surface),var(--eq-surface-2))!important}
.eq-landing-v174 .eq-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(30deg,transparent 46%,var(--eq-gold) 47% 48%,transparent 49%),linear-gradient(-30deg,transparent 46%,var(--eq-green) 47% 48%,transparent 49%);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent)}
.eq-landing-v174 .eq-hero>*{position:relative;z-index:1}
.eq-landing-v174 .eq-landing-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--eq-green);font-size:11.5px;font-weight:900;letter-spacing:.01em;margin-bottom:2px}
.eq-landing-v174 .eq-landing-kicker:before{content:"◆";color:var(--eq-gold);font-size:9px}
.eq-landing-v174 .eq-hero h1{font-size:clamp(22px,2.35vw,30px)!important;line-height:1.35!important;margin:2px 0 4px!important;font-weight:900}
.eq-landing-v174 .eq-hero p{font-size:13.5px!important;line-height:1.7!important;max-width:900px!important;margin:0!important;color:var(--eq-muted)}
.eq-landing-v174 .eq-panel{padding:12px 14px!important;margin:9px 0!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(20,55,42,.045)!important}
.eq-landing-v174 .eq-landing-intro{display:grid;grid-template-columns:minmax(160px,auto) 1fr;align-items:center;gap:12px;border-color:var(--eq-gold)!important;background:linear-gradient(135deg,var(--eq-surface),var(--eq-gold-bg))!important}
.eq-landing-v174 .eq-landing-intro h2{font-size:16px!important;margin:0!important;line-height:1.45!important;color:var(--eq-text)}
.eq-landing-v174 .eq-landing-intro p{font-size:12.75px!important;margin:0!important;line-height:1.65!important;color:var(--eq-muted)}
.eq-landing-v174 h2{font-size:19px;line-height:1.45;margin:14px 0 7px}
.eq-landing-v174 h3{font-size:16px}
.eq-landing-v174 .eq-landing-grid-title{display:flex;align-items:center;gap:8px}
.eq-landing-v174 .eq-landing-grid-title:before{content:"";width:4px;height:18px;border-radius:999px;background:linear-gradient(var(--eq-green),var(--eq-gold))}
.eq-landing-v174 .eq-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:9px 0 14px!important}
.eq-landing-v174 .eq-card{--card-accent:var(--eq-l-accent);min-height:88px!important;padding:11px 12px!important;gap:3px!important;border-radius:14px!important;border:1px solid var(--eq-line)!important;border-top:3px solid var(--card-accent)!important;background:var(--eq-surface)!important;box-shadow:0 4px 14px rgba(20,55,42,.035)!important;transform:none!important}
.eq-landing-v174 .eq-card:nth-child(4n+2){--card-accent:var(--eq-l-gold)}
.eq-landing-v174 .eq-card:nth-child(4n+3){--card-accent:var(--eq-l-cyan)}
.eq-landing-v174 .eq-card:nth-child(4n+4){--card-accent:var(--eq-l-indigo)}
.eq-landing-v174 .eq-card:hover,.eq-landing-v174 .eq-card:focus-visible{border-color:var(--card-accent)!important;box-shadow:0 7px 20px rgba(20,55,42,.09)!important;translate:0 -1px}
.eq-landing-v174 .eq-card:after{display:none!important}
.eq-landing-v174 .eq-card strong{font-size:14.5px!important;line-height:1.45!important;font-weight:900!important;color:var(--eq-text)}
.eq-landing-v174 .eq-card span:not(.eq-card-icon){font-size:11.8px!important;line-height:1.5!important;color:var(--eq-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eq-landing-v174 .eq-card b{font-size:11.5px!important;line-height:1.35!important;margin-top:auto!important;color:var(--card-accent)!important}
.eq-landing-v174 .eq-card-icon{font-size:20px!important;margin:0 0 2px!important;color:var(--card-accent)!important}
.eq-landing-v174 .eq-card-featured{border-top-color:var(--eq-gold)!important;background:linear-gradient(145deg,var(--eq-surface),var(--eq-gold-bg))!important}
.eq-landing-v174 .eq-card-featured:before{font-size:10px;top:7px;inset-inline-end:8px}
.eq-landing-v174 .eq-surah-index-grid .eq-card{min-height:72px!important;padding:9px 11px!important;justify-content:center}
.eq-landing-v174 .eq-surah-index-grid .eq-card strong{font-size:14px!important}
.eq-landing-v174 .eq-surah-index-grid .eq-card b{display:none!important}
.eq-landing-v174 .eq-entity-index-grid .eq-card{min-height:76px!important}
.eq-landing-v174 .eq-site-bridge{padding:11px 13px!important;margin-top:15px!important;background:linear-gradient(135deg,var(--eq-surface),var(--eq-surface-2))!important}
.eq-landing-v174 .eq-site-bridge h2{font-size:16px!important;margin-bottom:6px!important}
.eq-landing-v174 .eq-site-bridge .eq-grid{margin-bottom:0!important}
.eq-landing-v174 .eq-site-bridge .eq-card{min-height:70px!important;padding:9px 10px!important}
.eq-landing-v174 .eq-network{margin-top:14px!important}
.eq-landing-v174 .eq-answer-first{margin:9px 0!important;padding:11px 13px!important;border-radius:13px!important}
.eq-landing-v174 .eq-answer-first h2{font-size:15px!important;margin:0 0 4px!important}
.eq-landing-v174 .eq-answer-first p{font-size:12.5px!important;line-height:1.6!important;margin:0 0 8px!important}
.eq-landing-v174 .eq-btn{min-height:42px!important;padding:7px 12px!important;border-radius:10px!important;font-size:13px!important}
.eq-landing-v174 .eq-search-shell{margin:8px auto 10px!important;padding:13px!important;border-radius:16px!important;max-width:980px;border:1px solid var(--eq-green)!important;box-shadow:0 8px 24px rgba(20,55,42,.07)!important;background:linear-gradient(135deg,var(--eq-surface),var(--eq-surface-2))!important}
.eq-landing-v174 .eq-search-shell>label{display:block;font-size:13px;margin-bottom:5px;color:var(--eq-text)}
.eq-landing-v174 .eq-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin:0!important}
.eq-landing-v174 .eq-search input{height:46px!important;min-height:46px!important;border-radius:11px!important;font-size:14px!important;padding:8px 12px!important}
.eq-landing-v174 .eq-search button{min-width:76px!important;width:auto!important;min-height:46px!important;border-radius:11px!important;font-size:13px!important}
.eq-landing-v174 .eq-search-shell .eq-relation{margin-top:7px;gap:5px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
.eq-landing-v174 .eq-search-shell .eq-relation::-webkit-scrollbar{display:none}
.eq-landing-v174 .eq-search-shell .eq-chip{white-space:nowrap;flex:0 0 auto;padding:4px 9px;font-size:11.5px}
.eq-landing-v174 .eq-search-status,.eq-landing-v174 [data-unified-results]{font-size:12px!important}
.eq-landing-v174 .eq-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:9px 0!important}
.eq-landing-v174 .eq-kpi{padding:9px!important;min-height:66px!important}
.eq-landing-v174 .eq-kpi strong{font-size:1.2rem!important}
.eq-landing-v174 .eq-kpi span{font-size:11px!important}
.eq-landing-v174 section:not(.eq-hero):not(.eq-search-shell):not(.eq-landing-intro){content-visibility:auto;contain-intrinsic-size:1px 420px}
.eq-landing-v174 .eq-hero,.eq-landing-v174 .eq-search-shell,.eq-landing-v174 .eq-landing-intro{content-visibility:visible!important}

/* Search landing: input is intentionally the first task after the hero. */
.eq-landing-quran-search .eq-search-shell{margin-top:6px!important}
.eq-landing-quran-search .eq-landing-intro{margin-top:7px!important}

/* Discovery landing: stronger first-level hierarchy without giant cards. */
.eq-landing-explore-quran .eq-landing-primary-grid .eq-card{min-height:84px!important}
.eq-landing-quran-stats .eq-landing-primary-grid .eq-card{min-height:82px!important}

/* Dark theme tuned rather than merely inverted. */
html[data-theme="dark"] .eq-landing-v174,html.dark .eq-landing-v174,body.dark .eq-landing-v174,body.dark-mode .eq-landing-v174{--eq-l-accent:#6ad0a7;--eq-l-gold:#e8c16a;--eq-l-cyan:#6ec5bd;--eq-l-indigo:#93a7d0}
html[data-theme="dark"] .eq-landing-v174 .eq-hero,html.dark .eq-landing-v174 .eq-hero,body.dark .eq-landing-v174 .eq-hero,body.dark-mode .eq-landing-v174 .eq-hero{box-shadow:0 8px 24px rgba(0,0,0,.15)!important}
html[data-theme="dark"] .eq-landing-v174 .eq-card,html.dark .eq-landing-v174 .eq-card,body.dark .eq-landing-v174 .eq-card,body.dark-mode .eq-landing-v174 .eq-card{box-shadow:0 3px 12px rgba(0,0,0,.12)!important}

@media(max-width:900px){
 .eq-landing-v174{width:min(100% - 18px,1210px)}
 .eq-landing-v174 .eq-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .eq-landing-v174{width:calc(100% - 14px);padding-top:7px!important;padding-bottom:25px!important;font-size:14px}
 .eq-landing-v174 .eq-breadcrumb{font-size:11.5px;margin-bottom:6px}
 .eq-landing-v174 .eq-hero{padding:13px 14px!important;border-radius:15px!important;margin-bottom:7px!important}
 .eq-landing-v174 .eq-hero h1{font-size:22px!important;margin:1px 0 3px!important}
 .eq-landing-v174 .eq-hero p{font-size:12.3px!important;line-height:1.6!important}
 .eq-landing-v174 .eq-landing-kicker{font-size:10.5px}
 .eq-landing-v174 .eq-landing-intro{grid-template-columns:1fr;gap:3px;padding:9px 11px!important;margin:7px 0!important}
 .eq-landing-v174 .eq-landing-intro h2{font-size:14px!important}
 .eq-landing-v174 .eq-landing-intro p{font-size:11.7px!important}
 .eq-landing-v174 h2{font-size:16.5px;margin:11px 0 6px}
 .eq-landing-v174 .eq-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:7px 0 11px!important}
 .eq-landing-v174 .eq-card{min-height:76px!important;padding:9px 9px!important;border-radius:12px!important}
 .eq-landing-v174 .eq-card strong{font-size:13px!important;line-height:1.4!important}
 .eq-landing-v174 .eq-card span:not(.eq-card-icon){font-size:10.8px!important;-webkit-line-clamp:2}
 .eq-landing-v174 .eq-card b{font-size:10.5px!important}
 .eq-landing-v174 .eq-card-icon{font-size:18px!important}
 .eq-landing-v174 .eq-surah-index-grid .eq-card{min-height:52px!important;padding:7px 9px!important}
 .eq-landing-v174 .eq-surah-index-grid .eq-card span,.eq-landing-v174 .eq-surah-index-grid .eq-card b{display:none!important}
 .eq-landing-v174 .eq-surah-index-grid .eq-card strong{font-size:12.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .eq-landing-v174 .eq-entity-index-grid .eq-card{min-height:62px!important}
 .eq-landing-v174 .eq-site-bridge .eq-card{min-height:62px!important}
 .eq-landing-v174 .eq-search-shell{padding:10px!important;margin:6px 0 8px!important}
 .eq-landing-v174 .eq-search{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:6px!important}
 .eq-landing-v174 .eq-search input{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:13px!important}
 .eq-landing-v174 .eq-search button{width:72px!important;min-width:72px!important;min-height:44px!important;padding-inline:6px!important}
 .eq-landing-v174 .eq-answer-first{padding:9px 11px!important}
 .eq-landing-v174 .eq-answer-first .eq-btn{width:auto!important;display:inline-flex!important}
 .eq-landing-v174 .eq-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:340px){
 .eq-landing-v174{width:calc(100% - 10px)}
 .eq-landing-v174 .eq-grid{gap:5px!important}
 .eq-landing-v174 .eq-card{padding:8px 7px!important}
 .eq-landing-v174 .eq-card strong{font-size:12.2px!important}
 .eq-landing-v174 .eq-card span:not(.eq-card-icon){font-size:10.2px!important}
 .eq-landing-v174 .eq-surah-index-grid .eq-card strong{font-size:11.8px!important}
 .eq-landing-v174 .eq-search{grid-template-columns:minmax(0,1fr) 66px!important}
 .eq-landing-v174 .eq-search button{width:66px!important;min-width:66px!important}
}
@media(prefers-reduced-motion:reduce){.eq-landing-v174 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
