/* E-QURAN V17.8 — Explore Quran / Intent Gateway only */
.eq-explore-v178{--x-green:#155f49;--x-green2:#0e4938;--x-gold:#b58c40;--x-ink:#17352d;--x-muted:#66756f;--x-line:rgba(21,95,73,.14);--x-surface:#fff;--x-soft:#f6faf7;--x-goldsoft:#fbf5e8;--x-blue:#2f7184;--x-violet:#6d5b8a;--x-shadow:0 10px 28px rgba(18,58,46,.065);padding:12px 0 40px;color:var(--x-ink)}
html[data-theme="dark"] .eq-explore-v178{--x-green:#66c6a4;--x-green2:#8ed6be;--x-gold:#dfc071;--x-ink:#edf7f2;--x-muted:#aebdb7;--x-line:rgba(223,192,113,.18);--x-surface:#13221c;--x-soft:#101b17;--x-goldsoft:#2a2519;--x-blue:#7db9c8;--x-violet:#ad9ac8;--x-shadow:0 12px 28px rgba(0,0,0,.18)}
.eq-explore-v178 *{box-sizing:border-box}.eq-explore-v178 a{text-decoration:none}.eq-explore-v178 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eqx-wrap{width:min(1120px,calc(100% - 30px));margin:auto}.eqx-breadcrumb{font-size:.8rem;margin-bottom:8px}.eqx-breadcrumb ol{display:flex;gap:7px;align-items:center;list-style:none;padding:0;margin:0;color:var(--x-muted)}.eqx-breadcrumb li+li:before{content:"/";margin-inline-end:7px;opacity:.45}.eqx-breadcrumb a{color:inherit}
.eqx-hero{padding:22px;border:1px solid var(--x-line);border-radius:22px;background:linear-gradient(135deg,rgba(21,95,73,.085),rgba(181,140,64,.07)),var(--x-surface);box-shadow:var(--x-shadow)}.eqx-hero__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.eqx-eyebrow,.eqx-kicker{color:var(--x-green);font-size:.76rem;font-weight:850}.eqx-hero h1{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.28;margin:4px 0 6px}.eqx-hero p{max-width:800px;margin:0;color:var(--x-muted);font-size:.92rem;line-height:1.75}.eqx-hero__mark{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;color:var(--x-gold);background:var(--x-goldsoft);border:1px solid rgba(181,140,64,.22)}.eqx-hero__mark svg{width:34px;height:34px}
.eqx-search{margin-top:16px;padding:9px;border:1px solid var(--x-line);border-radius:16px;background:var(--x-surface)}.eqx-search form{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:7px;align-items:stretch;width:100%;margin:0}.eqx-search input{appearance:none;min-width:0;width:100%;height:46px;margin:0;padding:0 13px;border:1px solid var(--x-line);border-radius:12px;background:var(--x-soft);color:var(--x-ink);font:inherit;font-size:.88rem;outline:0;box-shadow:none}.eqx-search input:focus{border-color:var(--x-green);box-shadow:0 0 0 3px rgba(21,95,73,.10)}.eqx-search button{appearance:none;width:82px;min-width:82px;max-width:82px;height:46px;margin:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;background:var(--x-green);color:#fff;font:inherit;font-size:.82rem;font-weight:850;line-height:1;cursor:pointer}.eqx-search button svg{width:17px;height:17px;flex:0 0 17px}.eqx-search button b{font:inherit;font-weight:850}.eqx-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.eqx-chips a{padding:4px 8px;border:1px solid var(--x-line);border-radius:999px;background:var(--x-soft);color:var(--x-muted);font-size:.7rem}
.eqx-section,.eqx-know,.eqx-help,.eqx-shortcuts,.eqx-relations{margin-top:22px}.eqx-section-head{text-align:start;margin-bottom:10px}.eqx-section-head h2{margin:2px 0 2px;font-size:1.15rem}.eqx-section-head p{margin:0;color:var(--x-muted);font-size:.8rem}.eqx-journeys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqx-journey{position:relative;display:grid;grid-template-columns:34px 42px minmax(0,1fr);gap:10px;align-items:center;min-height:120px;padding:14px;border:1px solid var(--x-line);border-radius:16px;background:var(--x-surface);color:var(--x-ink);box-shadow:0 4px 14px rgba(18,58,46,.035)}.eqx-journey:hover,.eqx-journey:focus-visible{border-color:rgba(181,140,64,.45);box-shadow:var(--x-shadow);outline:none}.eqx-journey__num{align-self:start;color:var(--x-gold);font-size:.66rem;font-weight:900}.eqx-journey__icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--x-green);background:rgba(21,95,73,.08);border:1px solid rgba(21,95,73,.10)}.eqx-journey__icon svg{width:22px;height:22px}.eqx-journey__copy{min-width:0}.eqx-journey strong{display:block;font-size:.91rem;line-height:1.35}.eqx-journey__copy>span{display:block;margin-top:4px;color:var(--x-muted);font-size:.73rem;line-height:1.5}.eqx-journey b{display:inline-block;margin-top:7px;color:var(--x-green);font-size:.72rem}.eqx-journey:nth-child(4n+2) .eqx-journey__icon{color:var(--x-gold);background:var(--x-goldsoft)}.eqx-journey:nth-child(4n+3) .eqx-journey__icon{color:var(--x-blue);background:rgba(47,113,132,.08)}.eqx-journey:nth-child(4n+4) .eqx-journey__icon{color:var(--x-violet);background:rgba(109,91,138,.08)}
.eqx-know{padding:14px;border:1px solid var(--x-line);border-radius:17px;background:var(--x-soft)}.eqx-know__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.eqx-know__row a{min-height:66px;padding:9px 10px;border:1px solid var(--x-line);border-radius:11px;background:var(--x-surface);color:var(--x-ink)}.eqx-know__row b{display:block;font-size:.79rem}.eqx-know__row span{display:block;margin-top:3px;color:var(--x-green);font-size:.67rem;font-weight:800}
.eqx-help__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eqx-help__grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:9px 11px;border-bottom:1px solid var(--x-line);color:var(--x-ink);font-size:.79rem;font-weight:750}.eqx-help__grid a:hover{color:var(--x-green)}.eqx-help__grid svg{width:16px;height:16px;flex:0 0 16px;color:var(--x-muted)}
.eqx-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--x-line);border-radius:15px;background:linear-gradient(90deg,rgba(21,95,73,.055),rgba(181,140,64,.055))}.eqx-shortcuts h2{margin:2px 0 0;font-size:.96rem}.eqx-shortcuts nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.eqx-shortcuts nav a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 9px;border:1px solid var(--x-line);border-radius:10px;background:var(--x-surface);color:var(--x-ink);font-size:.73rem;font-weight:800}.eqx-shortcuts nav svg{width:16px;height:16px;color:var(--x-green)}
.eqx-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqx-relation{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--x-line);border-radius:15px;color:var(--x-ink);background:var(--x-surface)}.eqx-relation>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--x-goldsoft);color:var(--x-gold)}.eqx-relation>span svg{width:20px;height:20px}.eqx-relation>svg{width:17px;height:17px;color:var(--x-muted)}.eqx-relation small{display:block;color:var(--x-muted);font-size:.68rem}.eqx-relation strong{display:block;margin-top:2px;font-size:.83rem}.eqx-relation--search>span{background:rgba(21,95,73,.08);color:var(--x-green)}
@media(max-width:820px){.eqx-know__row{grid-template-columns:repeat(2,minmax(0,1fr))}.eqx-shortcuts{align-items:flex-start;flex-direction:column}.eqx-shortcuts nav{justify-content:flex-start}}
@media(max-width:600px){.eqx-wrap{width:calc(100% - 18px)}.eqx-hero{padding:16px;border-radius:17px}.eqx-hero__top{grid-template-columns:1fr}.eqx-hero__mark{display:none}.eqx-hero h1{font-size:1.48rem}.eqx-hero p{font-size:.83rem;line-height:1.65}.eqx-search{margin-top:12px;padding:7px}.eqx-search form{grid-template-columns:minmax(0,1fr) 74px;gap:6px}.eqx-search input{height:44px;font-size:.81rem;padding-inline:10px}.eqx-search button{width:74px;min-width:74px;max-width:74px;height:44px;font-size:.78rem;padding-inline:7px}.eqx-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.eqx-chips::-webkit-scrollbar{display:none}.eqx-chips a{flex:0 0 auto}.eqx-journeys{grid-template-columns:1fr;gap:8px}.eqx-journey{grid-template-columns:28px 38px minmax(0,1fr);min-height:108px;padding:11px;gap:8px}.eqx-journey__icon{width:38px;height:38px}.eqx-journey__icon svg{width:20px;height:20px}.eqx-journey strong{font-size:.84rem}.eqx-journey__copy>span{font-size:.69rem}.eqx-know__row{grid-template-columns:1fr 1fr;gap:6px}.eqx-know__row a{padding:8px;min-height:62px}.eqx-know__row b{font-size:.74rem}.eqx-help__grid{grid-template-columns:1fr}.eqx-help__grid a{min-height:50px}.eqx-shortcuts nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.eqx-shortcuts nav a{justify-content:flex-start}.eqx-relations{grid-template-columns:1fr}.eqx-relation{padding:11px}}
@media(max-width:345px){.eqx-wrap{width:calc(100% - 12px)}.eqx-search form{grid-template-columns:minmax(0,1fr) 68px}.eqx-search button{width:68px;min-width:68px;max-width:68px;font-size:.74rem}.eqx-know__row{grid-template-columns:1fr}.eqx-shortcuts nav{grid-template-columns:1fr}.eqx-journey{grid-template-columns:24px 34px minmax(0,1fr);padding:10px 8px}.eqx-journey__icon{width:34px;height:34px}.eqx-journey strong{font-size:.8rem}.eqx-journey__copy>span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.eq-explore-v178 *{scroll-behavior:auto;transition:none}}

.eq-explore-v178 a:focus-visible,.eq-explore-v178 button:focus-visible,.eq-explore-v178 input:focus-visible{outline:3px solid var(--x-gold);outline-offset:2px}
.eq-explore-v178 .eqx-search input::placeholder{color:var(--x-muted);opacity:.9}

/* V17.8.1 review fix: accessible label must not occupy a CSS Grid cell. */
.eq-explore-v178 .eqx-search label.eq-sr{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
/* Search chips remain compact but have a reliable touch area. */
.eq-explore-v178 .eqx-chips a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px}