/* e-quran.com — موضوعات القرآن V15 / page-specific only */
:root{
 --tp-bg:#f5f7f6;--tp-card:#fff;--tp-card2:#edf2ef;--tp-text:#17201d;--tp-muted:#66736d;--tp-line:#dce4df;
 --tp-green:#173f38;--tp-green2:#245f53;--tp-gold:#a97a2b;--tp-gold2:#c49a50;--tp-gold-soft:#f7efdf;
 --tp-shadow:0 18px 44px rgba(22,62,55,.08);--tp-radius:22px;--tp-max:1180px;
}
*{box-sizing:border-box}.eq-topics-page{margin:0;background:var(--tp-bg);color:var(--tp-text);line-height:1.8;overflow-x:hidden}.eq-topics-page a{text-decoration:none}.tp-main{min-height:70vh}.tp-wrap{width:min(calc(100% - 32px),var(--tp-max));margin-inline:auto}.tp-skip{position:fixed;z-index:99999;top:8px;right:8px;padding:8px 12px;border-radius:9px;background:#fff;color:#111;transform:translateY(-140%)}.tp-skip:focus{transform:none}.tp-breadcrumb{padding-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--tp-muted);font-size:.9rem}.tp-breadcrumb a{color:var(--tp-green);font-weight:700}.tp-breadcrumb a:hover{text-decoration:underline}.tp-kicker{display:inline-flex;color:var(--tp-gold);font-weight:900;font-size:.88rem;letter-spacing:.01em;margin-bottom:7px}.tp-hero{position:relative;padding:44px 0 36px}.tp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(169,122,43,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.35),transparent);pointer-events:none}.tp-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);gap:38px;align-items:center}.tp-hero-copy h1,.tp-topic-hero h1{margin:0 0 14px;color:var(--tp-green);font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.12;letter-spacing:-.035em}.tp-hero-copy>p,.tp-topic-hero p{max-width:800px;margin:0 0 24px;color:var(--tp-muted);font-size:1.08rem}.tp-search{position:relative;max-width:790px}.tp-search label{display:block;margin-bottom:8px;color:var(--tp-text);font-weight:900}.tp-search-box{display:grid;grid-template-columns:1fr auto;padding:6px;background:var(--tp-card);border:1px solid var(--tp-line);border-radius:18px;box-shadow:var(--tp-shadow)}.tp-search-box:focus-within{border-color:var(--tp-gold);box-shadow:0 0 0 4px rgba(169,122,43,.10),var(--tp-shadow)}.tp-search input{width:100%;min-width:0;padding:11px 13px;border:0;outline:0;background:transparent;color:var(--tp-text);font:inherit}.tp-search button{border:0;border-radius:13px;background:var(--tp-green);color:#fff;padding:10px 22px;font:inherit;font-weight:900;cursor:pointer}.tp-search button:hover{background:var(--tp-green2)}.tp-search-results{position:absolute;z-index:30;top:calc(100% + 8px);inset-inline:0;background:var(--tp-card);border:1px solid var(--tp-line);border-radius:17px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.14)}.tp-search-result{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--tp-line);color:var(--tp-text)}.tp-search-result:last-child{border-bottom:0}.tp-search-result:hover,.tp-search-result:focus-visible{background:var(--tp-card2)}.tp-search-result strong{display:block;color:var(--tp-green)}.tp-search-result small{color:var(--tp-muted)}.tp-search-result b{white-space:nowrap;color:var(--tp-gold);font-size:.82rem}.tp-search-empty{padding:18px;color:var(--tp-muted)}.tp-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:13px;padding:9px 17px;font:inherit;font-weight:900;cursor:pointer}.tp-btn-main{background:var(--tp-green);color:#fff!important}.tp-btn-main:hover{background:var(--tp-green2)}.tp-btn-soft{background:var(--tp-card);color:var(--tp-green)!important;border:1px solid var(--tp-line)}.tp-btn-soft:hover{border-color:var(--tp-gold);background:var(--tp-gold-soft)}.tp-hero-panel{display:grid;gap:10px;padding:16px;background:linear-gradient(160deg,var(--tp-green),#0e302a);border-radius:26px;color:#fff;box-shadow:0 25px 56px rgba(12,48,42,.20)}.tp-hero-panel div{padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055)}.tp-hero-panel strong{display:block;font-size:1.65rem;line-height:1.15}.tp-hero-panel span{font-size:.86rem;opacity:.84}.tp-hero-panel p{margin:1px 3px 0;font-size:.82rem;line-height:1.6;opacity:.72}.tp-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:2px}.tp-shortcuts a{padding:16px 17px;border:1px solid var(--tp-line);border-radius:16px;background:var(--tp-card);transition:.16s ease}.tp-shortcuts a:hover{transform:translateY(-2px);border-color:rgba(169,122,43,.55);box-shadow:var(--tp-shadow)}.tp-shortcuts strong{display:block;color:var(--tp-green);font-size:.98rem}.tp-shortcuts span{display:block;color:var(--tp-muted);font-size:.82rem;line-height:1.5;margin-top:3px}.tp-section{padding:38px 0}.tp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.tp-section-head>div>span{display:block;color:var(--tp-gold);font-weight:900;font-size:.82rem;margin-bottom:2px}.tp-section-head h2{margin:0;color:var(--tp-green);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.25}.tp-section-head>a{color:var(--tp-green);font-weight:900}.tp-count{color:var(--tp-muted);font-size:.92rem}.tp-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.tp-category-card{display:flex;flex-direction:column;min-height:142px;padding:17px;border:1px solid var(--tp-line);border-radius:18px;background:var(--tp-card);transition:.16s ease;color:var(--tp-text)}.tp-category-card:hover,.tp-category-card.is-active{transform:translateY(-2px);border-color:var(--tp-gold);box-shadow:var(--tp-shadow)}.tp-category-card.is-active{background:linear-gradient(145deg,var(--tp-card),var(--tp-gold-soft))}.tp-category-card strong{color:var(--tp-green);font-size:1.02rem}.tp-category-card>span{color:var(--tp-gold);font-weight:900;font-size:.82rem;margin-top:3px}.tp-category-card small{margin-top:auto;color:var(--tp-muted);font-size:.8rem;line-height:1.55}.tp-featured{padding-top:42px}.tp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tp-feature-card{min-height:130px;display:flex;flex-direction:column;padding:16px;border-radius:18px;border:1px solid var(--tp-line);background:linear-gradient(145deg,var(--tp-card),rgba(247,239,223,.48));color:var(--tp-text);transition:.16s ease}.tp-feature-card:hover{transform:translateY(-2px);border-color:var(--tp-gold);box-shadow:var(--tp-shadow)}.tp-feature-card>span{font-size:.78rem;color:var(--tp-gold);font-weight:900}.tp-feature-card strong{font-size:1.05rem;color:var(--tp-green);margin:4px 0}.tp-feature-card small{margin-top:auto;color:var(--tp-muted)}.tp-letters{display:flex;flex-wrap:wrap;gap:7px}.tp-letters a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--tp-line);border-radius:10px;background:var(--tp-card);color:var(--tp-green);font-weight:900}.tp-letters a:hover,.tp-letters a.is-active{background:var(--tp-green);border-color:var(--tp-green);color:#fff}.tp-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tp-topic-card{min-height:188px;display:flex;flex-direction:column;padding:18px;border:1px solid var(--tp-line);border-radius:19px;background:var(--tp-card);color:var(--tp-text);content-visibility:auto;contain-intrinsic-size:188px;transition:.16s ease}.tp-topic-card:hover{transform:translateY(-2px);border-color:rgba(23,63,56,.45);box-shadow:var(--tp-shadow)}.tp-topic-card>div>span{display:block;color:var(--tp-gold);font-weight:900;font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-topic-card strong{display:block;color:var(--tp-green);font-size:1.1rem;margin-top:2px}.tp-topic-card p{color:var(--tp-muted);font-size:.87rem;line-height:1.62;margin:8px 0 15px}.tp-topic-card footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;font-size:.79rem;color:var(--tp-muted)}.tp-topic-card footer b{margin-inline-start:auto;color:var(--tp-green)}.tp-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.tp-pagination a{padding:8px 15px;border-radius:11px;background:var(--tp-green);color:#fff;font-weight:900}.tp-pagination span{color:var(--tp-muted);font-weight:700}.tp-empty{padding:24px;border:1px dashed var(--tp-line);border-radius:16px;background:var(--tp-card);color:var(--tp-muted);text-align:center}.tp-seo-block{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:26px;align-items:center;margin-top:22px;margin-bottom:48px;padding:28px;border:1px solid var(--tp-line);border-radius:24px;background:var(--tp-card)}.tp-seo-block h2{margin:0 0 8px;color:var(--tp-green);font-size:clamp(1.4rem,3vw,2rem)}.tp-seo-block p{margin:0;color:var(--tp-muted)}.tp-seo-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tp-seo-links a{padding:10px 12px;border-radius:11px;background:var(--tp-card2);color:var(--tp-green);font-weight:900;text-align:center}.tp-seo-links a:hover{background:var(--tp-gold-soft)}
/* Topic detail */
.tp-topic-hero{position:relative;padding:34px 0 28px}.tp-topic-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(169,122,43,.055),transparent);pointer-events:none}.tp-topic-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:30px;align-items:start}.tp-topic-hero h1{font-size:clamp(2rem,5vw,4.1rem)}.tp-topic-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.tp-topic-stats span{padding:6px 11px;border:1px solid var(--tp-line);border-radius:999px;background:var(--tp-card);color:var(--tp-muted);font-size:.86rem}.tp-topic-stats strong{color:var(--tp-green)}.tp-topic-aside{position:sticky;top:84px;padding:16px;border:1px solid var(--tp-line);border-radius:20px;background:var(--tp-card);box-shadow:var(--tp-shadow)}.tp-topic-aside>strong{display:block;margin-bottom:10px;color:var(--tp-green)}.tp-topic-aside>div{display:flex;flex-wrap:wrap;gap:7px;max-height:300px;overflow:auto}.tp-topic-aside a{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--tp-line);color:var(--tp-green);font-size:.82rem;font-weight:800}.tp-topic-aside a b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--tp-gold-soft);color:var(--tp-gold);font-size:.72rem}.tp-topic-aside a:hover{border-color:var(--tp-gold)}.tp-children{padding-top:24px}.tp-surah-group{scroll-margin-top:110px;margin-bottom:31px}.tp-surah-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px}.tp-surah-head>div:first-child>span{color:var(--tp-gold);font-weight:900;font-size:.76rem}.tp-surah-head h3{margin:0;color:var(--tp-green);font-size:1.45rem}.tp-surah-head>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--tp-muted);font-size:.84rem}.tp-surah-head a{color:var(--tp-green);font-weight:900;border-bottom:1px dashed var(--tp-green)}.tp-verse-card{margin-bottom:12px;padding:20px;border:1px solid var(--tp-line);border-radius:21px;background:var(--tp-card);box-shadow:0 8px 28px rgba(22,62,55,.035);content-visibility:auto;contain-intrinsic-size:300px}.tp-verse-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--tp-line);color:var(--tp-muted);font-size:.85rem}.tp-verse-card>header strong{color:var(--tp-gold)}.tp-quran-text{margin:20px 0 17px;font-family:Quran,"Amiri Quran","Traditional Arabic",serif;font-size:clamp(1.5rem,3.6vw,2.35rem);line-height:2.15;color:var(--tp-text);text-align:right}.tp-ayah-no{color:var(--tp-gold);white-space:nowrap;font-weight:400}.tp-verse-note{margin:16px 0;padding:13px 15px;border-radius:13px;background:var(--tp-card2);color:var(--tp-muted)}.tp-verse-actions{display:flex;flex-wrap:wrap;gap:7px}.tp-verse-actions a{padding:8px 11px;border:1px solid var(--tp-line);border-radius:11px;background:var(--tp-card2);color:var(--tp-green);font-size:.86rem;font-weight:900}.tp-verse-actions a.is-main{background:var(--tp-green);border-color:var(--tp-green);color:#fff}.tp-verse-actions a.is-gold{background:var(--tp-gold);border-color:var(--tp-gold);color:#fff}.tp-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-not-found{min-height:64vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:60px}.tp-not-found>span{color:var(--tp-gold);font-weight:900}.tp-not-found h1{font-size:clamp(2rem,6vw,4rem);margin:0;color:var(--tp-green)}.tp-not-found p{color:var(--tp-muted)}.tp-not-found .tp-feature-grid{width:100%;margin-top:26px}
@media(max-width:1000px){.tp-hero-grid,.tp-topic-hero-grid,.tp-seo-block{grid-template-columns:1fr}.tp-hero-panel{grid-template-columns:repeat(3,1fr)}.tp-hero-panel p{grid-column:1/-1}.tp-category-grid,.tp-feature-grid{grid-template-columns:repeat(3,1fr)}.tp-shortcuts{grid-template-columns:repeat(2,1fr)}.tp-topic-grid,.tp-related-grid{grid-template-columns:repeat(2,1fr)}.tp-topic-aside{position:static}.tp-seo-links{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.tp-wrap{width:min(calc(100% - 20px),var(--tp-max))}.tp-hero{padding:30px 0 24px}.tp-hero-grid{gap:22px}.tp-hero-copy h1{font-size:clamp(2.1rem,11vw,3.3rem)}.tp-search-box{grid-template-columns:1fr}.tp-search button{width:100%}.tp-hero-links .tp-btn{flex:1}.tp-hero-panel{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:6px}.tp-hero-panel div{padding:10px 7px;text-align:center}.tp-hero-panel strong{font-size:1.25rem}.tp-hero-panel span{font-size:.7rem;line-height:1.35;display:block}.tp-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.tp-shortcuts a{padding:13px}.tp-shortcuts span{display:none}.tp-section{padding:28px 0}.tp-category-grid{grid-template-columns:1fr 1fr;gap:8px}.tp-category-card{min-height:112px;padding:13px}.tp-category-card small{display:none}.tp-feature-grid{grid-template-columns:1fr 1fr}.tp-feature-card{min-height:110px}.tp-topic-grid,.tp-related-grid{grid-template-columns:1fr}.tp-topic-card{min-height:158px}.tp-section-head{align-items:center}.tp-letters{gap:6px}.tp-letters a{min-width:34px;height:34px}.tp-seo-block{margin-inline:10px;width:auto;padding:19px}.tp-seo-links{grid-template-columns:1fr 1fr}.tp-topic-hero{padding-top:25px}.tp-topic-hero-grid{gap:18px}.tp-topic-hero h1{font-size:clamp(2rem,10vw,3rem)}.tp-topic-aside>div{max-height:none}.tp-surah-head{align-items:flex-start;flex-direction:column}.tp-verse-card{padding:15px}.tp-quran-text{font-size:clamp(1.45rem,7vw,2rem);line-height:2.05}.tp-verse-actions{display:grid;grid-template-columns:1fr 1fr}.tp-verse-actions a{text-align:center;padding:9px 6px}.tp-pagination{gap:8px}.tp-pagination a{padding:7px 11px}.tp-pagination span{font-size:.82rem}}
@media(max-width:380px){.tp-category-grid,.tp-feature-grid{grid-template-columns:1fr}.tp-hero-panel strong{font-size:1.05rem}.tp-shortcuts strong{font-size:.88rem}.tp-verse-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tp-category-card,.tp-feature-card,.tp-topic-card,.tp-shortcuts a{transition:none!important}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not(.light):not(.theme-light){--tp-bg:#0f1715;--tp-card:#16211e;--tp-card2:#1c2a26;--tp-text:#edf3ef;--tp-muted:#a9b6b0;--tp-line:#2a3d36;--tp-green:#d5eee4;--tp-green2:#b8d9ce;--tp-gold:#d4ad63;--tp-gold2:#e0bd78;--tp-gold-soft:#30291e;--tp-shadow:0 18px 44px rgba(0,0,0,.24)}}
html[data-theme="dark"],html.dark,html.theme-dark,body.dark,body.dark-mode,body.theme-dark{--tp-bg:#0f1715;--tp-card:#16211e;--tp-card2:#1c2a26;--tp-text:#edf3ef;--tp-muted:#a9b6b0;--tp-line:#2a3d36;--tp-green:#d5eee4;--tp-green2:#b8d9ce;--tp-gold:#d4ad63;--tp-gold2:#e0bd78;--tp-gold-soft:#30291e;--tp-shadow:0 18px 44px rgba(0,0,0,.24)}
html[data-theme="light"],html.light,html.theme-light,body.light,body.light-mode,body.theme-light{--tp-bg:#f5f7f6;--tp-card:#fff;--tp-card2:#edf2ef;--tp-text:#17201d;--tp-muted:#66736d;--tp-line:#dce4df;--tp-green:#173f38;--tp-green2:#245f53;--tp-gold:#a97a2b;--tp-gold2:#c49a50;--tp-gold-soft:#f7efdf;--tp-shadow:0 18px 44px rgba(22,62,55,.08)}