/* E-Quran Quran Studies v3.0 — content only. Shared header/footer/theme by /js/main.js.
   All structural styles scoped to .eq-knowledge; no global theme selectors/controls. */
.eq-knowledge{--page:#f5f8f4;--paper:#fff;--ink:#18392f;--muted:#60756b;--edge:#d9e6db;--green:#126947;--green2:#0d8260;--gold:#a87825;--soft:#eaf4ed;--shadow:0 10px 35px rgba(16,56,38,.065);--radius:22px;box-sizing:border-box;width:min(1192px,calc(100% - 32px));margin:0 auto;padding:12px 0 66px;color:var(--ink);font:400 15px/1.85 Tahoma,"Noto Naskh Arabic","Traditional Arabic",sans-serif;min-width:0;isolation:isolate}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not(.light-mode) .eq-knowledge{--page:#0b1914;--paper:#142720;--ink:#ecf5ef;--muted:#b2c3b8;--edge:#315042;--green:#9edab9;--green2:#b8e8ca;--gold:#e4c17c;--soft:#1c382b;--shadow:0 13px 35px rgba(0,0,0,.24)}}
html[data-theme="dark"] .eq-knowledge,html.dark .eq-knowledge,body.dark-mode .eq-knowledge,body.dark-theme .eq-knowledge,body.dark-mode main.eq-knowledge{--page:#0b1914;--paper:#142720;--ink:#ecf5ef;--muted:#b2c3b8;--edge:#315042;--green:#9edab9;--green2:#b8e8ca;--gold:#e4c17c;--soft:#1c382b;--shadow:0 13px 35px rgba(0,0,0,.24)}
html[data-theme="light"] .eq-knowledge,body.light-mode .eq-knowledge{--page:#f5f8f4;--paper:#fff;--ink:#18392f;--muted:#60756b;--edge:#d9e6db;--green:#126947;--green2:#0d8260;--gold:#a87825;--soft:#eaf4ed;--shadow:0 10px 35px rgba(16,56,38,.065)}
.eq-knowledge,.eq-knowledge *,.eq-knowledge *::before,.eq-knowledge *::after{box-sizing:border-box}
.eq-knowledge a{color:var(--green);text-decoration:none}
.eq-knowledge a:hover{text-decoration:underline}
.eq-knowledge :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.eq-knowledge button,.eq-knowledge input{font:inherit}
.eq-knowledge :is(h1,h2,h3,h4,p,ul,ol,div,article,section){min-width:0}
.eq-knowledge .crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:15px 1px 18px;color:var(--muted);font-size:.81rem;line-height:1.6}
.eq-knowledge .crumb a{color:var(--muted)}
.eq-knowledge .hero{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(21px,3vw,30px);margin:13px 0 27px;padding:clamp(23px,4.2vw,48px);background:linear-gradient(118deg,#0b3327 0%,#155a43 48%,#167558 100%);color:#fff;box-shadow:0 16px 50px rgba(13,61,42,.14)}
.eq-knowledge .hero::before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-100px -200px auto auto;width:390px;height:390px;border-radius:50%;border:1px solid #ffffff34;box-shadow:0 0 0 56px #ffffff08,0 0 0 110px #ffffff07}
.eq-knowledge .hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:150px;height:150px;border:1px solid #ffffff22;border-radius:36px;left:-92px;bottom:-60px;transform:rotate(25deg)}
.eq-knowledge .hero h1{font-weight:800;font-size:clamp(1.65rem,3.3vw,2.6rem);line-height:1.55;letter-spacing:-.02em;margin:4px 0 11px;max-width:900px;color:#fff}
.eq-knowledge .hero p{max-width:865px;margin:7px 0 15px;font-size:clamp(.91rem,1.4vw,1.1rem);line-height:1.85;color:#e8f4e9}
.eq-knowledge .eyebrow{font-size:.8rem!important;font-weight:750;color:#f3d9a5!important;letter-spacing:.02em;margin:0 0 6px!important}
.eq-knowledge .hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 0}
.eq-knowledge .hero-meta span{display:inline-flex;padding:5px 11px;border:1px solid #ffffff44;background:#ffffff12;border-radius:999px;color:#f7fff9;font-size:.76rem;line-height:1.5}
.eq-knowledge .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.eq-knowledge .btn{min-height:44px;padding:10px 16px;border:1px solid var(--edge);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;line-height:1.4;text-align:center;cursor:pointer}
.eq-knowledge .hero .btn{background:#fff;border-color:#fff;color:#0f4a35}
.eq-knowledge .hero .btn.ghost{background:#ffffff14;border-color:#ffffff55;color:#fff}
.eq-knowledge .hero .btn:hover{filter:brightness(.96);text-decoration:none}
.eq-knowledge .panel,.eq-knowledge .tile,.eq-knowledge .article,.eq-knowledge .entry{background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius)}
.eq-knowledge .panel{margin:20px 0;padding:clamp(17px,2.7vw,30px);box-shadow:var(--shadow)}
.eq-knowledge .panel h2{font-size:clamp(1.17rem,2.1vw,1.58rem);line-height:1.52;margin:0 0 15px;color:var(--ink)}
.eq-knowledge .panel h3{font-size:1.08rem;line-height:1.6;margin:12px 0;color:var(--ink)}
.eq-knowledge .intro,.eq-knowledge .muted{color:var(--muted);line-height:1.85}
.eq-knowledge .intro{margin:0 0 17px}
.eq-knowledge .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eq-knowledge .grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.eq-knowledge .tile{display:flex;flex-direction:column;gap:7px;min-width:0;padding:19px;position:relative;overflow:hidden;min-height:126px;transition:box-shadow .15s,border-color .15s,transform .15s}
.eq-knowledge .tile:before{content:"";height:4px;position:absolute;top:0;right:0;left:0;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.65}
.eq-knowledge .tile:hover,.eq-knowledge .eq-journey-card:hover,.eq-knowledge .mini:hover{border-color:var(--green);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}
.eq-knowledge .tile strong{display:block;font-weight:750;font-size:1rem;line-height:1.55;color:var(--ink)}
.eq-knowledge .tile-small,.eq-knowledge .tile small{font-size:.82rem;line-height:1.7;color:var(--muted)}
.eq-knowledge .pill{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--green);font-weight:700;font-size:.74rem}
.eq-knowledge .tile .arrow{margin-top:auto;padding-top:6px;color:var(--green);font-weight:750}
.eq-knowledge .quran-verse{font-family:"Amiri Quran","Scheherazade New","Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(1.5rem,2.85vw,2.15rem);line-height:2.65;color:var(--ink);text-align:center;overflow-wrap:anywhere}
.eq-knowledge .verse-number{font:700 .85rem/1.7 Tahoma,sans-serif;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-inline-start:8px;color:var(--gold);border:1px solid var(--gold);border-radius:50%}
.eq-knowledge .verse-context{border:1px solid var(--edge);border-radius:17px;padding:clamp(14px,2.6vw,24px);background:var(--soft);margin:18px 0}
.eq-knowledge .prose{line-height:2.08;overflow-wrap:anywhere;color:var(--ink)}
.eq-knowledge .prose :is(p,li){margin-block:.35em .8em}
.eq-knowledge .prose blockquote{margin:1rem 0;padding:1rem 1.25rem;border-inline-start:3px solid var(--gold);background:var(--soft);border-radius:12px}
.eq-knowledge .prose ul{padding-inline-start:24px}
.eq-knowledge .prose .footnotes{border-top:1px solid var(--edge);font-size:.85rem;margin-top:12px}
.eq-knowledge .record{padding:21px 0;border-top:1px solid var(--edge)}
.eq-knowledge .record:first-child{border-top:0}
.eq-knowledge .record h3{font-size:1.04rem;line-height:1.7;margin:3px 0 12px}
.eq-knowledge .record p{line-height:2.08}
.eq-knowledge .record-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.eq-knowledge .record-tag{padding:4px 11px;border-radius:10px;background:var(--soft);color:var(--green);font-size:.77rem}
.eq-knowledge .byline{color:var(--muted);font-size:.83rem}
.eq-knowledge .note{background:var(--soft);border:1px solid var(--edge);padding:12px 15px;border-radius:12px;font-size:.87rem;line-height:1.88;margin:13px 0}
.eq-knowledge .note.warning{border-inline-start:4px solid var(--gold)}
.eq-knowledge .navigator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:24px 0}
.eq-knowledge .navigator :is(a,span){border:1px solid var(--edge);border-radius:12px;background:var(--paper);padding:10px 14px;font-size:.87rem;font-weight:750}
.eq-knowledge .navigator .inactive{opacity:.4}
.eq-knowledge .related{display:flex;flex-wrap:wrap;gap:9px}
.eq-knowledge .related a{display:inline-flex;align-items:center;border:1px solid var(--edge);padding:8px 13px;border-radius:10px;background:var(--paper);color:var(--ink);font-size:.86rem;min-height:39px}
.eq-knowledge .related a:hover{border-color:var(--green);text-decoration:none}
.eq-knowledge .section-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:32px 0 16px}
.eq-knowledge .section-head h2{margin:0;font-size:1.45rem;line-height:1.55}
.eq-knowledge .searchbox,.eq-knowledge input[type="search"]{box-sizing:border-box;width:100%;padding:12px 16px;border:1px solid var(--edge);border-radius:12px;background:var(--paper);color:var(--ink);min-height:48px}
.eq-knowledge .filters,.eq-knowledge .eq-search-presets{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0 16px}
.eq-knowledge .filter,.eq-knowledge .eq-search-presets button{border:1px solid var(--edge);background:var(--soft);color:var(--ink);cursor:pointer;padding:9px 12px;border-radius:11px;min-height:40px;font-size:.82rem;font-weight:750}
.eq-knowledge .filter[aria-pressed="true"]{background:var(--green);color:var(--paper)}
.eq-knowledge .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eq-knowledge .mini{min-width:0;border:1px solid var(--edge);border-radius:13px;background:var(--paper);padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s}
.eq-knowledge .mini a{display:block;color:var(--ink);font-weight:750;overflow-wrap:anywhere}
.eq-knowledge .mini small{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}
.eq-knowledge .no-results{display:none;color:var(--muted);margin:14px 0}
.eq-knowledge .statrow{display:flex;flex-wrap:wrap;gap:10px}
.eq-knowledge .stat{padding:10px 15px;border:1px solid var(--edge);border-radius:13px;background:var(--soft)}
.eq-knowledge .stat b{display:block;font-variant-numeric:tabular-nums;font-size:1.2rem;color:var(--green)}
.eq-knowledge .stat small{display:block;color:var(--muted)}
.eq-knowledge .stack{display:grid;gap:12px}
.eq-knowledge .book-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eq-knowledge .book-metadata div{padding:13px;border-radius:12px;background:var(--soft)}
.eq-knowledge .book-metadata dt{font-size:.78rem;color:var(--muted)}
.eq-knowledge .book-metadata dd{margin:0;font-weight:750;overflow-wrap:anywhere}
.eq-knowledge .faq details{padding:13px 0;border-bottom:1px solid var(--edge)}
.eq-knowledge .faq summary{font-weight:750;cursor:pointer;min-height:35px}
.eq-knowledge .faq p{color:var(--muted);margin:5px 0 0}
.eq-knowledge .search-results{max-height:68vh;overflow:auto}
.eq-knowledge .search-results .mini{margin:9px 0}
.eq-knowledge .eq-journey{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--paper),var(--soft));border:1px solid var(--edge);border-radius:22px;margin:24px 0;padding:clamp(18px,3vw,30px)}
.eq-knowledge .eq-journey::before{content:"";position:absolute;top:-95px;left:-82px;width:230px;height:230px;border:1px solid var(--edge);border-radius:50%;pointer-events:none;opacity:.7}
.eq-knowledge .eq-journey-header{position:relative;max-width:870px}
.eq-knowledge .eq-journey-eyebrow{font-weight:800;font-size:.8rem;color:var(--green);margin:0 0 8px}
.eq-knowledge .eq-journey h2{font-size:clamp(1.14rem,2.2vw,1.6rem);margin:0 0 8px;color:var(--ink);line-height:1.5}
.eq-knowledge .eq-journey-intro{font-size:.89rem;line-height:1.9;color:var(--muted);margin:0 0 18px}
.eq-knowledge .eq-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;position:relative}
.eq-knowledge .eq-journey-card{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;min-height:118px;border:1px solid var(--edge);border-radius:15px;background:var(--paper);color:var(--ink);padding:16px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.eq-knowledge .eq-journey-card strong{font-size:.95rem;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.eq-knowledge .eq-journey-card small{font-size:.79rem;line-height:1.7;color:var(--muted)}
.eq-knowledge .eq-journey-card .eq-kicker{font-size:.75rem;color:var(--green);font-weight:800}
.eq-knowledge .eq-journey-card .eq-chevron{position:absolute;bottom:9px;inset-inline-end:12px;color:var(--green);font-size:1.3rem}
.eq-knowledge .eq-journey-note{color:var(--muted);font-size:.82rem;margin:15px 0 0}
.eq-knowledge .eq-tools{position:sticky;top:9px;z-index:11;display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:thin;margin:12px 0;padding:9px 11px;border-radius:14px;border:1px solid var(--edge);background:var(--paper);box-shadow:var(--shadow)}
.eq-knowledge .eq-tools-label{white-space:nowrap;font-size:.8rem;color:var(--muted);font-weight:750}
.eq-knowledge .eq-tools :is(button,a){min-height:39px;display:inline-flex;align-items:center;border:1px solid var(--edge);border-radius:10px;padding:7px 12px;background:var(--soft);color:var(--ink);font:inherit;font-size:.81rem;font-weight:700;line-height:1.4;cursor:pointer;white-space:nowrap}
.eq-knowledge .eq-tools button[aria-pressed="true"]{background:var(--green);color:var(--paper)}
.eq-knowledge[data-eq-font="large"] .prose,.eq-knowledge[data-eq-font="large"] .record p{font-size:1.09rem}
.eq-knowledge[data-eq-font="xlarge"] .prose,.eq-knowledge[data-eq-font="xlarge"] .record p{font-size:1.21rem}
.eq-knowledge[data-eq-font="large"] .quran-verse{font-size:clamp(1.68rem,3.4vw,2.4rem)}
.eq-knowledge[data-eq-font="xlarge"] .quran-verse{font-size:clamp(1.89rem,3.8vw,2.6rem)}
.eq-knowledge.eq-reading-focus{max-width:900px}
.eq-knowledge.eq-reading-focus .panel{box-shadow:var(--shadow)}
.eq-knowledge .eq-local-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0 20px;padding:13px 15px;border:1px solid var(--edge);border-radius:15px;background:var(--paper)}
.eq-knowledge .eq-local-nav h2{font:inherit;font-size:.83rem;font-weight:800;line-height:1.55;color:var(--muted);margin:0 0 1px 10px}
.eq-knowledge .eq-local-nav a{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;border:1px solid var(--edge);border-radius:10px;font-size:.82rem;font-weight:750;color:var(--ink);background:var(--soft)}
.eq-knowledge .eq-local-nav a:hover{border-color:var(--green);text-decoration:none}
.eq-knowledge .eq-local-nav--verse{background:linear-gradient(135deg,var(--paper),var(--soft))}
.eq-knowledge .eq-knowledge-note{margin:0 0 20px;color:var(--muted);font-size:.8rem}
.eq-studies-skip{position:absolute;top:-120px;right:12px;background:#fff;color:#124631;padding:10px 16px;z-index:99999;border-radius:10px;font-weight:800;box-shadow:0 4px 12px #0002}
.eq-studies-skip:focus{top:8px}
.eq-studies-up{position:fixed;bottom:18px;inset-inline-end:18px;z-index:30;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:13px;min-width:44px;min-height:44px;padding:8px 12px;background:var(--paper);color:var(--ink);font-weight:800;box-shadow:var(--shadow);cursor:pointer}
.eq-studies-up[hidden]{display:none!important}
@media(max-width:920px){.eq-knowledge .grid,.eq-knowledge .grid.four,.eq-knowledge .eq-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.eq-knowledge{width:min(100% - 22px,1192px);padding:6px 0 48px;font-size:14px}.eq-knowledge .grid,.eq-knowledge .grid.four,.eq-knowledge .cards,.eq-knowledge .eq-journey-grid,.eq-knowledge .book-metadata{grid-template-columns:minmax(0,1fr)}.eq-knowledge .hero{padding:22px;border-radius:21px;margin:10px 0 17px}.eq-knowledge .hero h1{font-size:1.67rem}.eq-knowledge .panel{padding:17px;margin:16px 0}.eq-knowledge .tile{min-height:94px;padding:17px}.eq-knowledge .quran-verse{font-size:1.52rem;line-height:2.5}.eq-knowledge .eq-journey{padding:17px;border-radius:18px}.eq-knowledge .eq-journey-card{min-height:85px;padding:13px 16px}.eq-knowledge .eq-tools{padding:7px;top:3px}.eq-knowledge .eq-tools-label{display:none}.eq-knowledge .eq-local-nav{padding:11px;gap:6px}.eq-knowledge .eq-local-nav a{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.eq-knowledge .tile,.eq-knowledge .mini,.eq-knowledge .eq-journey-card{transition:none}.eq-knowledge :is(.tile,.mini,.eq-journey-card):hover{transform:none}}
@media print{.eq-studies-up,.eq-studies-skip,.eq-knowledge .eq-tools,.eq-knowledge .navigator,.eq-knowledge .filters,.eq-knowledge .eq-local-nav{display:none!important}.eq-knowledge{width:100%;max-width:none;padding:0;color:#000}.eq-knowledge .hero,.eq-knowledge .panel{break-inside:avoid;box-shadow:none}.eq-knowledge .hero{background:#fff;color:#000;border:1px solid #ccc}.eq-knowledge .hero h1,.eq-knowledge .hero p{color:#000}}

/* v3.1: back-to-top is outside <main>, so it CANNOT inherit .eq-knowledge variables. */
.eq-studies-up{background:#fff;color:#18392f;border-color:#d9e6db;box-shadow:0 10px 35px rgba(16,56,38,.15)}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not(.light-mode) .eq-studies-up{background:#142720;color:#ecf5ef;border-color:#315042;box-shadow:0 10px 35px rgba(0,0,0,.24)}}
html[data-theme="dark"] .eq-studies-up,html.dark .eq-studies-up,body.dark-mode .eq-studies-up,body.dark-theme .eq-studies-up{background:#142720;color:#ecf5ef;border-color:#315042;box-shadow:0 10px 35px rgba(0,0,0,.24)}
html[data-theme="light"] .eq-studies-up,body.light-mode .eq-studies-up{background:#fff;color:#18392f;border-color:#d9e6db;box-shadow:0 10px 35px rgba(16,56,38,.15)}
.eq-studies-up:focus-visible{outline:3px solid #a87825;outline-offset:3px}

/* v4 — Quranic glyphs: reuse main site's shared /css/font.css (HTML).
   Only the Quran excerpt uses mushaf typefaces. No global header/footer styling. */
.eq-knowledge .quran-verse {
  font-family: "quran", "Quran", "QuranFont", "AlQuran", "KFGQPC Uthman Taha Naskh", "Uthmani", "Amiri Quran", "Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;
  font-weight: 400;
  font-size: clamp(1.7rem, 3.25vw, 2.5rem);
  line-height: 2.7;
  text-align: center;
  letter-spacing: normal;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  word-break: normal;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.eq-knowledge[data-eq-font="large"] .quran-verse {font-size: clamp(2rem, 3.8vw, 2.8rem)}
.eq-knowledge[data-eq-font="xlarge"] .quran-verse {font-size: clamp(2.25rem, 4.3vw, 3.2rem)}
.eq-knowledge .verse-number {
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.5;
  font-family: Tahoma, Arial, sans-serif;
}
/* Reserve only the original site's mount target before module execution.
   Shared styles and appearance are entirely managed by central main.js. */
[data-eq-shared-slot="header"]:empty{min-height:68px}
@media(max-width:620px){[data-eq-shared-slot="header"]:empty{min-height:56px}}
@media (max-width: 620px) {
  .eq-knowledge .quran-verse {font-size: 1.76rem;line-height: 2.8;padding-inline: 2px}
  .eq-knowledge[data-eq-font="large"] .quran-verse {font-size: 2.06rem}
  .eq-knowledge[data-eq-font="xlarge"] .quran-verse {font-size: 2.32rem}
}
@media print {
  .eq-knowledge .quran-verse {color:#111;line-height:2.4}
}


/* ===============================================================
   e-Quran encyclopedias v5: scoped page surface + premium controls
   Shared header/footer and theme remain OWNED by /js/main.js.
   Deliberately do not touch global header/footer elements or their CSS.
   =============================================================== */
/* Remove the browser-default white 8px gutters at every viewport edge.
   Explicit page markers prevent these rules from affecting the old site. */
html.eq-study-root {margin:0;padding:0;min-height:100%;width:100%;background:#f5f8f4;overflow-x:clip;}
html.eq-study-root body.eq-study-page{margin:0;padding:0;min-height:100vh;width:100%;max-width:100%;background:#f5f8f4;color:#18392f;overflow-x:clip;}
/* Immediate OS-based dark surface; the central theme can override via its
   own html/body classes or data-theme, as on existing site pages. */
@media(prefers-color-scheme:dark){
 html.eq-study-root:not([data-theme="light"]):not(.light):not(.light-mode) {background:#0b1914;color-scheme:dark;}
 html.eq-study-root:not([data-theme="light"]):not(.light):not(.light-mode) body.eq-study-page:not(.light-mode){background:#0b1914;color:#ecf5ef;}
}
html.eq-study-root[data-theme="dark"],
html.eq-study-root.dark,html.eq-study-root.dark-mode,
html.eq-study-root:has(> body.dark-mode),html.eq-study-root:has(> body.dark-theme){background:#0b1914;color-scheme:dark;}
html.eq-study-root[data-theme="dark"] body.eq-study-page,
html.eq-study-root.dark body.eq-study-page,html.eq-study-root.dark-mode body.eq-study-page,
html.eq-study-root body.eq-study-page.dark-mode,html.eq-study-root body.eq-study-page.dark-theme{background:#0b1914;color:#ecf5ef;}
html.eq-study-root[data-theme="light"],html.eq-study-root.light,html.eq-study-root.light-mode,
html.eq-study-root:has(> body.light-mode){background:#f5f8f4;color-scheme:light;}
html.eq-study-root[data-theme="light"] body.eq-study-page,
html.eq-study-root.light body.eq-study-page,html.eq-study-root.light-mode body.eq-study-page,
html.eq-study-root body.eq-study-page.light-mode{background:#f5f8f4;color:#18392f;}
/* Keep shared chrome in normal flow and do not force its colors/appearance. */
body.eq-study-page > #header,body.eq-study-page > #footer{max-width:100%;min-width:0;box-sizing:border-box;}
/* High-contrast surfaces are scoped strictly to the encyclopedia main. */
.eq-knowledge .btn{background:var(--paper);color:var(--ink);border-color:var(--edge);font-weight:800;box-shadow:0 2px 8px rgba(6,40,25,.07);text-decoration:none;transition:box-shadow .15s ease;}
.eq-knowledge .btn:hover,.eq-knowledge .eq-local-nav a:hover{box-shadow:0 5px 14px rgba(6,40,25,.14);border-color:var(--green);}
.eq-knowledge .hero{border:1px solid rgba(245,207,120,.25);}
.eq-knowledge .hero .hero-actions .btn:not(.ghost){background:#fff;color:#104330;border-color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.eq-knowledge .hero .hero-actions .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6);box-shadow:none;}
.eq-knowledge .hero .hero-actions .btn.ghost:hover{background:rgba(255,255,255,.24);}
.eq-knowledge .hero .hero-actions .btn{min-height:48px;}
.eq-knowledge .eq-tools{position:relative;top:auto;z-index:1;overscroll-behavior-inline:contain;background:var(--paper);color:var(--ink);border-color:var(--edge);}
.eq-knowledge .eq-tools button,.eq-knowledge .eq-tools a{background:var(--soft);color:var(--ink);border-color:var(--edge);min-height:44px;}
.eq-knowledge .eq-tools button:hover,.eq-knowledge .eq-tools a:hover{background:var(--paper);border-color:var(--green);text-decoration:none;}
.eq-knowledge .eq-tools button[aria-pressed="true"]{background:var(--green);color:var(--paper);border-color:var(--green);}
.eq-knowledge .eq-tools a[href="#topics"]{background:#126947;color:#fff;border-color:#126947;font-weight:800;}
.eq-knowledge .eq-tools a[href="#topics"]:hover{background:#0b4f39;border-color:#0b4f39;}
.eq-knowledge .filter[aria-pressed="true"],.eq-knowledge .eq-search-presets button[aria-pressed="true"]{background:var(--green);color:var(--paper);border-color:var(--green);}
.eq-knowledge .eq-local-nav a[href^="/pages/quran/"]{background:#126947;border-color:#126947;color:#fff;font-weight:800;}
.eq-knowledge .eq-local-nav a[href^="/pages/quran/"]:hover{background:#0d543c;border-color:#0d543c;}
.eq-knowledge .searchbox,.eq-knowledge input[type="search"]{background:var(--paper);color:var(--ink);border-color:var(--edge);}
.eq-knowledge :is(.btn,.eq-tools button,.eq-tools a,.eq-local-nav a,.filter,.eq-search-presets button):focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
@media(prefers-color-scheme:dark){
 html:not([data-theme="light"]):not(.light-mode) .eq-knowledge .eq-tools a[href="#topics"],
 html:not([data-theme="light"]):not(.light-mode) .eq-knowledge .eq-local-nav a[href^="/pages/quran/"]{background:#9edab9;border-color:#9edab9;color:#102a20;}
}
html[data-theme="dark"] .eq-knowledge .eq-tools a[href="#topics"],html[data-theme="dark"] .eq-knowledge .eq-local-nav a[href^="/pages/quran/"],
html.dark .eq-knowledge .eq-tools a[href="#topics"],html.dark .eq-knowledge .eq-local-nav a[href^="/pages/quran/"],
body.dark-mode .eq-knowledge .eq-tools a[href="#topics"],body.dark-mode .eq-knowledge .eq-local-nav a[href^="/pages/quran/"]{background:#9edab9;border-color:#9edab9;color:#102a20;}
html[data-theme="light"] .eq-knowledge .eq-tools a[href="#topics"],html[data-theme="light"] .eq-knowledge .eq-local-nav a[href^="/pages/quran/"],
body.light-mode .eq-knowledge .eq-tools a[href="#topics"],body.light-mode .eq-knowledge .eq-local-nav a[href^="/pages/quran/"]{background:#126947;border-color:#126947;color:#fff;}
@media(max-width:620px){
 .eq-knowledge .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .eq-knowledge .hero-actions .btn{width:100%;padding:9px 8px;min-width:0;min-height:46px;font-size:.82rem;}
 .eq-knowledge .eq-tools{border-radius:12px;flex-wrap:wrap;overflow:visible;gap:7px;}
 .eq-knowledge .eq-tools :is(button,a){flex:0 0 auto;white-space:normal;}
 .eq-knowledge .eq-local-nav{margin-inline:0;}
}
@media(prefers-reduced-motion:reduce){.eq-knowledge .btn{transition:none;}}
@media print{html.eq-study-root,html.eq-study-root body.eq-study-page{background:white!important;color:black!important;}.eq-knowledge .hero{box-shadow:none;}}

/* v5: native Lucide-style SVG masks; no emoji, no external icon requests. */
.eq-knowledge .hero-actions .btn::before,.eq-knowledge .eq-tools :is(button,a)::before,
.eq-knowledge .eq-local-nav a::before,.eq-knowledge .related a::before,
.eq-knowledge .tile .arrow::after,.eq-knowledge .navigator a::before{content:"";width:1.04em;height:1.04em;min-width:1.04em;display:inline-block;vertical-align:middle;flex:none;background:currentColor;-webkit-mask-image:var(--eq-inline-icon);mask-image:var(--eq-inline-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.eq-knowledge .hero-actions .btn:not(.ghost){--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207v14M3%2018V5a2%202%200%200%201%202-2h4a3%203%200%200%201%203%203v15a3%203%200%200%200-3-3H3ZM21%2018V5a2%202%200%200%200-2-2h-4a3%203%200%200%200-3%203v15a3%203%200%200%201%203-3h6Z%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .hero-actions .btn.ghost{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%208V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v9a2%202%200%200%200%202%202h3%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-tools button[data-eq-font="larger"]{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4-4M11%207v8M7%2011h8%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-tools button[data-eq-font="smaller"]{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4-4M7%2011h8%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-tools button[data-eq-focus]{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3m13-5h3a2%202%200%200%201%202%202v3M8%2021H5a2%202%200%200%201-2-2v-3m13%205h3a2%202%200%200%200%202-2v-3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-tools a[href="#topics"]{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-tools :is(button,a):not([data-eq-font]):not([data-eq-focus]):not([href="#topics"]){--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207v14M3%2018V5a2%202%200%200%201%202-2h4a3%203%200%200%201%203%203v15a3%203%200%200%200-3-3H3ZM21%2018V5a2%202%200%200%200-2-2h-4a3%203%200%200%200-3%203v15a3%203%200%200%201%203-3h6Z%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .eq-local-nav a,.eq-knowledge .related a{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207v14M3%2018V5a2%202%200%200%201%202-2h4a3%203%200%200%201%203%203v15a3%203%200%200%200-3-3H3ZM21%2018V5a2%202%200%200%200-2-2h-4a3%203%200%200%200-3%203v15a3%203%200%200%201%203-3h6Z%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .navigator a,.eq-knowledge .tile .arrow{--eq-inline-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");}
.eq-knowledge .tile .arrow::after{margin-inline-start:.4em;}
.eq-knowledge .eq-tools :is(button,a),.eq-knowledge .eq-local-nav a,.eq-knowledge .related a{gap:.45em;}
.eq-knowledge .eq-tools :is(button,a){align-items:center;justify-content:center;}

.eq-knowledge .eq-journey-card .eq-chevron,.eq-knowledge .crumb > span:not([aria-current]){
 display:inline-block;flex:none;width:1rem;height:1rem;min-width:1rem;font-size:0!important;line-height:0;background:currentColor;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.eq-knowledge .crumb > span:not([aria-current]){width:.7rem;height:.7rem;min-width:.7rem;color:var(--muted);}
.eq-knowledge .eq-journey-card .eq-chevron{color:var(--green);}
.eq-studies-up::before{content:"";display:inline-block;width:1rem;height:1rem;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m5%2014%207-7%207%207M12%207v14%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m5%2014%207-7%207%207M12%207v14%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.eq-studies-up{gap:.35rem;}

/* E-Quran Encyclopedias v6: small, section-scoped UI refinements. */
.eq-knowledge .quran-verse{
 font-family:"quran","Quran","QuranFont","UthmanicHafs","KFGQPC Uthman Taha Naskh","Amiri Quran","Scheherazade New",serif;
 font-synthesis:none; font-weight:400; font-size:clamp(1.78rem,3.3vw,2.5rem);
 line-height:2.6;letter-spacing:normal;word-spacing:normal;white-space:normal;overflow-wrap:break-word;
 cursor:pointer;outline-offset:4px;
}
.eq-knowledge .quran-verse:focus-visible,.eq-knowledge :is(button,a,input,summary):focus-visible{outline:3px solid #d7a348;outline-offset:3px}
.eq-knowledge .eq-v6-context{border:1px solid var(--edge);border-inline-start:4px solid var(--green);border-radius:14px;padding:14px 16px;margin:10px 0 18px;background:var(--paper);color:var(--ink);box-shadow:0 4px 16px rgba(0,45,29,.04)}
.eq-knowledge .eq-v6-context-title{display:block;color:var(--green);font-size:.98rem;margin-bottom:5px}
.eq-knowledge .eq-v6-context p{margin:0;line-height:1.95;font-size:.94rem}
.eq-knowledge .eq-v6-verse-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:10px 0 4px}
.eq-knowledge .eq-v6-verse-open,.eq-knowledge .eq-v6-dialog button,
.eq-knowledge .eq-v6-dialog .eq-v6-action-link{
 min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:10px 16px;border:1px solid var(--green);border-radius:12px;
 color:#fff;background:#176246;font:700 .94rem/1.5 inherit;cursor:pointer;text-decoration:none;
}
.eq-knowledge .eq-v6-verse-open:hover,.eq-knowledge .eq-v6-dialog .eq-v6-action-link:hover{background:#0d4933}
.eq-knowledge .eq-v6-hint{color:var(--muted);font-size:.84rem}
.eq-knowledge .eq-v6-icon{width:1.12rem;height:1.12rem;display:inline-block;flex:none;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.eq-knowledge .eq-v6-icon--book{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 6c-3-2-7-2-10-1v14c3-1 7-1 10 1 3-2 7-2 10-1V5c-3-1-7-1-10 1zm0 0v14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 6c-3-2-7-2-10-1v14c3-1 7-1 10 1 3-2 7-2 10-1V5c-3-1-7-1-10 1zm0 0v14'/%3E%3C/svg%3E")}
.eq-knowledge .eq-v6-dialog{width:min(540px,calc(100vw - 24px));max-height:min(88vh,760px);padding:0;border:1px solid var(--edge);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.22);position:fixed;inset:0;margin:auto;overflow:auto}
.eq-knowledge .eq-v6-dialog::backdrop{background:rgba(0,15,11,.65)}
.eq-knowledge .eq-v6-dialog-content{padding:clamp(16px,4vw,25px)}
.eq-knowledge .eq-v6-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.eq-knowledge .eq-v6-dialog-header h2{font-size:1.22rem;margin:0;color:var(--ink)}
.eq-knowledge .eq-v6-dialog .eq-v6-dialog-close{color:var(--ink);border-color:var(--edge);background:transparent;min-width:44px;font-size:1.25rem}
.eq-knowledge .eq-v6-dialog .eq-v6-dialog-verse{font-family:"quran","Quran","QuranFont","UthmanicHafs","Amiri Quran",serif;font-weight:400;line-height:2.5;font-size:clamp(1.5rem,3vw,2rem);text-align:center;padding:12px;border-radius:14px;background:var(--wash,transparent);max-height:32vh;overflow:auto;white-space:normal;overflow-wrap:break-word}
.eq-knowledge .eq-v6-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.eq-knowledge .eq-v6-dialog .eq-v6-secondary{background:transparent;color:var(--ink);border-color:var(--edge)}
.eq-knowledge .eq-v6-dialog .eq-v6-secondary:hover{background:var(--wash,transparent);border-color:var(--green)}
.eq-knowledge .eq-v6-dialog .eq-v6-status{font-size:.85rem;color:var(--muted);min-height:1.3em;margin-top:10px}
.eq-knowledge .eq-v6-record-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:12px;border-radius:14px;border:1px solid var(--edge);background:var(--paper)}
.eq-knowledge .eq-v6-record-find label{font-size:.95rem;font-weight:700;color:var(--ink)}
.eq-knowledge .eq-v6-record-find input{min-width:0;flex:1 1 180px;min-height:44px;border:1px solid var(--edge);border-radius:10px;background:var(--paper);color:var(--ink);padding:8px 12px;font:inherit}
.eq-knowledge .eq-v6-record-find output{color:var(--muted);font-size:.85rem}
.eq-knowledge .record{content-visibility:auto;contain-intrinsic-size:auto 210px}
.eq-knowledge .record[hidden]{display:none!important}
@media(max-width:580px){.eq-knowledge .eq-v6-context{padding:12px;margin-block:10px}.eq-knowledge .quran-verse{font-size:1.8rem;line-height:2.5}.eq-knowledge .eq-v6-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-knowledge .eq-v6-dialog button,.eq-knowledge .eq-v6-dialog a{font-size:.86rem;padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.eq-knowledge .eq-v6-dialog *{transition:none!important;animation:none!important}}
@media print{.eq-knowledge .eq-v6-record-find,.eq-knowledge .eq-v6-verse-tools,.eq-knowledge .eq-v6-dialog{display:none!important}.eq-knowledge .record{content-visibility:visible}}

/* v7: source-grounded article index, device-friendly navigation; scoped to new pages. */
.eq-knowledge .eq-v7-outline{margin-block:1.2rem;border:1px solid var(--edge);border-radius:16px;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 5px 20px rgba(0,45,29,.04)}
.eq-knowledge .eq-v7-outline summary{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;padding:1rem 1.15rem;cursor:pointer;list-style:none;color:var(--ink);font-weight:700;min-height:48px}
.eq-knowledge .eq-v7-outline summary::-webkit-details-marker{display:none}
.eq-knowledge .eq-v7-outline summary::after{content:"";display:block;width:.6rem;height:.6rem;margin-inline-start:auto;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .12s ease}
.eq-knowledge .eq-v7-outline details[open] summary::after{transform:rotate(225deg)}
.eq-knowledge .eq-v7-outline-icon{display:inline-block;width:1.25rem;height:1.25rem;background:currentColor;opacity:.9;flex:none;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"%3E%3Cpath d="M8 6h13M8 12h13M8 18h13M3 6h1M3 12h1M3 18h1"/%3E%3C/svg%3E') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"%3E%3Cpath d="M8 6h13M8 12h13M8 18h13M3 6h1M3 12h1M3 18h1"/%3E%3C/svg%3E') center/contain no-repeat}
.eq-knowledge .eq-v7-count{font-size:.78rem;color:var(--muted);background:var(--soft);border-radius:999px;padding:.16rem .62rem}
.eq-knowledge .eq-v7-summary{color:var(--muted);font-size:.88rem;padding:0 1.15rem;margin:.2rem 0 .7rem}
.eq-knowledge .eq-v7-outline ol{margin:0;list-style:none;padding:.2rem .85rem 1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.eq-knowledge .eq-v7-outline li{min-width:0}
.eq-knowledge .eq-v7-outline a{display:flex;gap:.6rem;align-items:center;min-height:44px;padding:.5rem .65rem;border:1px solid var(--edge);border-radius:10px;background:var(--soft);color:var(--ink);overflow-wrap:anywhere;line-height:1.6;text-decoration:none}
.eq-knowledge .eq-v7-outline a:hover,.eq-knowledge .eq-v7-outline a:focus-visible{background:var(--paper);border-color:var(--green);text-decoration:none}
.eq-knowledge .eq-v7-index{display:inline-flex;width:1.9rem;height:1.9rem;flex:none;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:9px;color:var(--green);font-size:.85rem;font-variant-numeric:tabular-nums}
.eq-knowledge .record[id^="material-"]{scroll-margin-top:6rem}
.eq-knowledge .record[id^="material-"]:target{border-inline-start:3px solid var(--green);background:var(--soft);padding-inline:1rem;border-radius:8px}
@media(max-width:600px){.eq-knowledge .eq-v7-outline ol{grid-template-columns:minmax(0,1fr);padding-inline:.7rem}.eq-knowledge .eq-v7-outline summary{padding:.85rem .9rem}.eq-knowledge .eq-v7-outline a{min-height:46px}}
@media(prefers-reduced-motion:reduce){.eq-knowledge .eq-v7-outline summary::after{transition:none}}
@media print{.eq-knowledge .record{content-visibility:visible!important;contain-intrinsic-size:auto!important}}

/* E-Quran Encyclopedias v8: scoped UI; shared chrome & theme remain in /js/main.js. */
.eq-knowledge{--eq-v8-primary:#126245;--eq-v8-on-primary:#fff;--eq-v8-secondary:#eef8f2;--eq-v8-on-secondary:#183b2e;--eq-v8-outline:#b0cbb9;--eq-v8-ring:#d49a36;--eq-v8-quran-size:1.95rem;--eq-v8-prose-size:1rem}
html[data-theme="dark"] .eq-knowledge,html.dark .eq-knowledge,html.dark-mode .eq-knowledge,body.dark .eq-knowledge,body.dark-mode .eq-knowledge,body.dark-theme .eq-knowledge{--eq-v8-primary:#a6eac6;--eq-v8-on-primary:#10291d;--eq-v8-secondary:#1f3e30;--eq-v8-on-secondary:#f2faf5;--eq-v8-outline:#4a6a59;--eq-v8-ring:#efc777}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not(.light):not(.light-mode) body:not(.light-mode) .eq-knowledge{--eq-v8-primary:#a6eac6;--eq-v8-on-primary:#10291d;--eq-v8-secondary:#1f3e30;--eq-v8-on-secondary:#f2faf5;--eq-v8-outline:#4a6a59;--eq-v8-ring:#efc777}}
html.eq-study-root[data-theme="light"] .eq-knowledge,html.eq-study-root.light .eq-knowledge,html.eq-study-root.light-mode .eq-knowledge,body.light-mode .eq-knowledge{--eq-v8-primary:#126245;--eq-v8-on-primary:#fff;--eq-v8-secondary:#eef8f2;--eq-v8-on-secondary:#183b2e;--eq-v8-outline:#b0cbb9;--eq-v8-ring:#d49a36}
/* Real site font-face is loaded by /css/font.css: no text substitution or unverified font URL. */
.eq-knowledge p.quran-verse,.eq-knowledge .eq-v8-dialog-body{
  font-family:"quran","Quran","QuranFont","UthmanicHafs","KFGQPC Uthman Taha Naskh","Amiri Quran","Scheherazade New","Noto Naskh Arabic",serif!important;
  font-weight:400!important; font-style:normal; font-size:var(--eq-v8-quran-size,1.95rem)!important; line-height:2.45!important;
  letter-spacing:normal!important;word-spacing:normal;text-rendering:optimizeLegibility;font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;word-break:normal;overflow-wrap:normal;white-space:normal;
  direction:rtl;unicode-bidi:plaintext;text-align:center;hyphens:none;}
.eq-knowledge p.quran-verse{padding:clamp(.9rem,3vw,1.65rem);max-width:100%;scroll-margin-top:5rem;}
.eq-knowledge p.quran-verse .verse-number{font:700 .86rem/1.65 Tahoma,Arial,sans-serif!important;white-space:nowrap;unicode-bidi:isolate;}
.eq-knowledge .record p,.eq-knowledge .prose{font-size:var(--eq-v8-prose-size,1rem)!important;line-height:1.95;}
/* Control bar: no sticky overlay against the central header. */
.eq-knowledge .eq-v8-tools{display:flex;position:relative;top:auto;z-index:auto;align-items:center;flex-wrap:wrap;gap:.65rem;overflow:visible;margin:1rem 0;padding:.7rem;background:var(--paper);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow)}
.eq-knowledge .eq-v8-tools .eq-tools-label{display:inline-block;font-size:.82rem;color:var(--ink)}
.eq-knowledge .eq-v8-size{display:inline-flex;align-items:stretch;border:1px solid var(--eq-v8-outline);border-radius:12px;overflow:hidden;flex:none;max-width:100%;min-height:44px}
.eq-knowledge .eq-v8-size button{display:inline-flex;justify-content:center;align-items:center;min-width:47px;min-height:44px;border:0;border-radius:0!important;padding:.38rem .65rem;font-family:Tahoma,Arial,sans-serif;font-weight:800;font-size:1.07rem;background:var(--eq-v8-secondary);color:var(--eq-v8-on-secondary);cursor:pointer;box-shadow:none;transition:none}
.eq-knowledge .eq-v8-size .eq-v8-percent{min-width:67px;font-size:.9rem;direction:ltr;font-variant-numeric:tabular-nums;border-inline:1px solid var(--eq-v8-outline);background:var(--paper);color:var(--ink)}
.eq-knowledge .eq-v8-size button:hover{filter:brightness(.95)}
.eq-knowledge .eq-v8-tools .eq-v8-focus,.eq-knowledge .eq-v8-tools a.eq-v8-start{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.52rem;border-radius:12px;border:1px solid var(--eq-v8-outline);padding:.55rem 1rem;text-decoration:none;font:700 .9rem/1.5 Tahoma,Arial,sans-serif;white-space:normal;text-align:center;box-shadow:none;transition:none}
.eq-knowledge .eq-v8-tools .eq-v8-focus{background:var(--eq-v8-secondary);color:var(--eq-v8-on-secondary);cursor:pointer}
.eq-knowledge .eq-v8-tools .eq-v8-focus[aria-pressed="true"]{background:var(--eq-v8-primary)!important;border-color:var(--eq-v8-primary)!important;color:var(--eq-v8-on-primary)!important}
.eq-knowledge .eq-v8-tools a.eq-v8-start{background:var(--eq-v8-primary)!important;border-color:var(--eq-v8-primary)!important;color:var(--eq-v8-on-primary)!important}
.eq-knowledge .eq-v8-tools .eq-v8-tools-status{font-size:.76rem;color:var(--muted);flex:1 1 100%;min-height:1rem}
.eq-knowledge .eq-v8-tools :is(button,a):focus-visible,.eq-knowledge .eq-v8-path a:focus-visible,.eq-knowledge .eq-v8-dialog :is(button,a):focus-visible{outline:3px solid var(--eq-v8-ring)!important;outline-offset:3px}
.eq-knowledge .eq-v8-focus-icon,.eq-knowledge .eq-v8-link-icon{display:inline-block;flex:none;width:1.05rem;height:1.05rem;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.eq-knowledge .eq-v8-focus-icon{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M4 9V4h5M15 4h5v5M20 15v5h-5M9 20H4v-5"/%3E%3C/svg%3E')}
.eq-knowledge .eq-v8-link-icon{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M12 5v14m-7-7h14"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M12 5v14m-7-7h14"/%3E%3C/svg%3E')}
/* Focus really reduces page clutter while keeping Quran, material and tools available. */
.eq-knowledge.eq-reading-focus{max-width:830px;}
.eq-knowledge.eq-reading-focus :is(.crumb,.hero,.eq-journey,.eq-v8-path,.eq-v8-guide-end,.eq-v7-outline,.eq-section-crosslinks,.eq-v6-context){display:none!important}
.eq-knowledge.eq-reading-focus .panel{max-width:100%;margin-inline:auto;box-shadow:none}
.eq-knowledge.eq-reading-focus #topics{max-width:100%;}
.eq-knowledge.eq-reading-focus .eq-v8-tools{border-color:var(--eq-v8-primary);box-shadow:0 2px 14px rgba(0,0,0,.06)}
/* Visual content discovery cards with meaningful actions and no duplicate targets. */
.eq-knowledge .eq-v8-path{margin:1.05rem 0 1.45rem;padding:clamp(1rem,2.5vw,1.45rem);background:var(--paper);border:1px solid var(--edge);border-radius:20px;box-shadow:var(--shadow)}
.eq-knowledge .eq-v8-path-head{margin-bottom:1rem}
.eq-knowledge .eq-v8-path-kicker{display:block;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.025em}
.eq-knowledge .eq-v8-path h2{font-size:clamp(1.12rem,2vw,1.4rem);line-height:1.5;color:var(--ink);margin:.25rem 0 .2rem}
.eq-knowledge .eq-v8-path p{margin:.1rem 0;color:var(--muted);font-size:.9rem}
.eq-knowledge .eq-v8-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.eq-knowledge .eq-v8-path-card{display:flex;align-items:center;gap:.7rem;min-width:0;min-height:76px;border-radius:14px;padding:.75rem .9rem;border:1px solid var(--eq-v8-outline);background:var(--eq-v8-secondary);text-decoration:none;color:var(--eq-v8-on-secondary);transition:none}
.eq-knowledge .eq-v8-path-card:hover{border-color:var(--eq-v8-primary);box-shadow:0 3px 10px rgba(0,0,0,.09);text-decoration:none}
.eq-knowledge .eq-v8-path-card--read{background:var(--eq-v8-primary);color:var(--eq-v8-on-primary);border-color:var(--eq-v8-primary)}
.eq-knowledge .eq-v8-path--read,.eq-knowledge .eq-v8-path--listen{background:var(--eq-v8-primary)!important;color:var(--eq-v8-on-primary)!important;border-color:var(--eq-v8-primary)!important}
.eq-knowledge .eq-v8-path-text{flex:1;min-width:0;display:grid;gap:.13rem;line-height:1.45}
.eq-knowledge .eq-v8-path-text strong{font-size:.91rem;font-weight:800;color:inherit}
.eq-knowledge .eq-v8-path-text small{font-size:.74rem;color:inherit;opacity:.85;overflow-wrap:anywhere}
.eq-knowledge .eq-v8-path-arrow{display:inline-block;width:.45rem;height:.45rem;border-block-start:2px solid currentColor;border-inline-start:2px solid currentColor;transform:rotate(-45deg);flex:none}
.eq-knowledge .eq-v8-path-icon{display:inline-flex;flex:none;width:1.7rem;height:1.7rem;background:currentColor;mask:center/85% no-repeat;-webkit-mask:center/85% no-repeat;opacity:.95}
.eq-knowledge .eq-v8-path--read .eq-v8-path-icon{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M12 7C9 5 5 5 2 6v13c4-1 7-.5 10 1 3-1.5 6-2 10-1V6c-3-1-7-1-10 1ZM12 7v13"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M12 7C9 5 5 5 2 6v13c4-1 7-.5 10 1 3-1.5 6-2 10-1V6c-3-1-7-1-10 1ZM12 7v13"/%3E%3C/svg%3E')}
.eq-knowledge .eq-v8-path--listen .eq-v8-path-icon{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M11 5 6 9H3v6h3l5 4V5ZM15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M11 5 6 9H3v6h3l5 4V5ZM15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12"/%3E%3C/svg%3E')}
.eq-knowledge .eq-v8-path--understand .eq-v8-path-icon,.eq-knowledge .eq-v8-path--study .eq-v8-path-icon{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M4 4h8M8 4v16M4 12h8M15 4h6M18 4v16M15 12h6"/%3E%3C/svg%3E');-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"%3E%3Cpath d="M4 4h8M8 4v16M4 12h8M15 4h6M18 4v16M15 12h6"/%3E%3C/svg%3E')}
.eq-knowledge .eq-v8-guide-end{margin:1.4rem 0 1.8rem;clear:both}
.eq-knowledge .eq-v8-guide-end .eq-v6-context{margin:0;}
.eq-knowledge .eq-v8-guide-end .eq-v6-context p{line-height:1.8}
/* Native modal, keyboard-safe, fit within a mobile viewport; primary actions stand out. */
.eq-knowledge .eq-v8-dialog{position:fixed;inset:0;margin:auto;width:min(610px,calc(100vw - 26px));max-width:610px;max-height:min(87dvh,780px);padding:0;border:1px solid var(--eq-v8-outline);border-radius:21px;background:var(--paper);color:var(--ink);overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 75px rgba(0,0,0,.35);z-index:2000}
.eq-knowledge .eq-v8-dialog::backdrop{background:rgba(0,15,11,.7);backdrop-filter:blur(3px)}
.eq-knowledge .eq-v8-dialog-shell{padding:clamp(15px,3.5vw,26px)}
.eq-knowledge .eq-v8-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--edge);padding-bottom:.85rem}
.eq-knowledge .eq-v8-dialog-heading h2{font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.55;margin:0;color:var(--ink)}
.eq-knowledge .eq-v8-dialog-heading .eq-v8-close{width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--edge);color:var(--ink);background:var(--eq-v8-secondary)}
.eq-knowledge .eq-v8-dialog-heading .eq-v8-close span{display:none}
.eq-knowledge .eq-v8-dialog-body{background:var(--soft);border:1px solid var(--edge);border-radius:15px;padding:1rem;max-height:30dvh;overflow-y:auto;font-size:var(--eq-v8-quran-size)!important;margin-top:1.1rem;}
.eq-knowledge .eq-v8-dialog-intro{font-size:.86rem;color:var(--muted);line-height:1.65;margin:.7rem 0}
.eq-knowledge .eq-v8-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.eq-knowledge .eq-v8-modal-action{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:.48rem;border-radius:12px;border:1px solid var(--eq-v8-outline);background:var(--eq-v8-secondary);color:var(--eq-v8-on-secondary);font:700 .91rem/1.45 Tahoma,Arial,sans-serif;padding:.78rem .65rem;min-height:48px;text-align:center;text-decoration:none;cursor:pointer;white-space:normal;transition:none}
.eq-knowledge .eq-v8-modal-action svg{flex:none;width:20px;height:20px}
.eq-knowledge .eq-v8-modal-action:hover{border-color:var(--eq-v8-primary);text-decoration:none;filter:brightness(.98)}
.eq-knowledge .eq-v8-modal-primary{background:var(--eq-v8-primary)!important;color:var(--eq-v8-on-primary)!important;border-color:var(--eq-v8-primary)!important}
.eq-knowledge .eq-v8-modal-primary svg{stroke:currentColor}
.eq-knowledge .eq-v8-dialog-status{color:var(--muted);font-size:.83rem;min-height:1.2rem;margin:.9rem 0 0}
@media(max-width:800px){.eq-knowledge .eq-v8-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.eq-knowledge .eq-v8-path-grid{grid-template-columns:minmax(0,1fr)}.eq-knowledge .eq-v8-path-card{min-height:67px}.eq-knowledge .eq-v8-tools{gap:.45rem;padding:.6rem}.eq-knowledge .eq-v8-tools .eq-tools-label{flex-basis:100%;display:block}.eq-knowledge .eq-v8-tools .eq-v8-start{flex:1 1 100%;min-width:0}.eq-knowledge .eq-v8-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-knowledge .eq-v8-modal-action{font-size:.82rem;padding:.65rem .4rem}.eq-knowledge .eq-v8-dialog-body{line-height:2.25!important}}
@media(prefers-reduced-motion:reduce){.eq-knowledge .eq-v8-modal-action,.eq-knowledge .eq-v8-tools *, .eq-knowledge .eq-v8-path-card{transition:none!important;animation:none!important}}
@media print{.eq-knowledge .eq-v8-tools,.eq-knowledge .eq-v8-dialog,.eq-knowledge .eq-v8-path{display:none!important}.eq-knowledge.eq-reading-focus :is(.crumb,.hero,.eq-journey,.eq-v8-guide-end){display:block!important}}


/* ==========================================================================
   E-Quran Studies v9: compact premium landing UI, no duplicated icon masks.
   Styles remain scoped to the encyclopedia content; /js/main.js owns shared UI.
   ========================================================================= */
.eq-knowledge .hero{padding:clamp(15px,2.5vw,27px);margin:9px 0 15px;border-radius:19px;box-shadow:0 8px 30px rgba(10,48,34,.1)}
.eq-knowledge .hero h1{font-size:clamp(1.35rem,2.55vw,2.06rem);line-height:1.46;letter-spacing:normal;margin:3px 0 6px}
.eq-knowledge .hero p:not(.eyebrow){font-size:clamp(.86rem,1.1vw,.96rem);line-height:1.65;margin:4px 0 9px}
.eq-knowledge .hero-meta{margin:8px 0 0;gap:6px}
.eq-knowledge .hero-meta span{padding:3px 9px;font-size:.73rem}
.eq-knowledge .hero-actions{margin:10px 0 0;gap:8px}
.eq-knowledge .hero-actions .btn{min-height:43px;padding:8px 11px}
/* CSS icon is one SVG mask, not another injected image. */
.eq-knowledge .hero-actions .btn[data-share-page]{--eq-inline-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Ccircle cx='6' cy='12' r='2'/%3E%3Ccircle cx='18' cy='19' r='2'/%3E%3Cpath d='m8 11 8-5m-8 7 8 5'/%3E%3C/svg%3E")}
.eq-knowledge .eq-v8-path{margin:17px 0 19px;padding:clamp(10px,1.8vw,16px);border-radius:16px}
.eq-knowledge .eq-v8-path-head{margin-bottom:8px}
.eq-knowledge .eq-v8-path-kicker{font-size:.71rem}
.eq-knowledge .eq-v8-path h2{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.35;margin:3px 0}
.eq-knowledge .eq-v8-path p{font-size:.77rem;line-height:1.45;margin:0}
.eq-knowledge .eq-v8-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.eq-knowledge .eq-v8-path-card{min-height:63px;gap:7px;padding:7px 9px;border-radius:11px;box-shadow:none}
.eq-knowledge .eq-v8-path-icon{width:1.28rem;height:1.28rem;flex:none}
.eq-knowledge .eq-v8-path-text{gap:0;line-height:1.32}
.eq-knowledge .eq-v8-path-text strong{font-size:.81rem;line-height:1.35}
.eq-knowledge .eq-v8-path-text small{font-size:.69rem;line-height:1.35}
.eq-knowledge .eq-v8-path-arrow{width:.37rem;height:.37rem}
/* Older v5 rules created pseudo-icons in addition to the v8 real icons. */
.eq-knowledge .eq-v8-tools :is(button,a)::before{content:none!important;display:none!important;mask:none!important;-webkit-mask:none!important}
.eq-knowledge .eq-v8-tools :is(.eq-v8-focus-icon,.eq-v8-link-icon){display:inline-block;flex:none;width:1.05rem;height:1.05rem}
.eq-knowledge .eq-v8-tools :is(button,a){min-width:0}
.eq-knowledge .eq-v8-link-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 7C9 5 5 5 2 6v13c4-1 7-.5 10 1 3-1.5 6-2 10-1V6c-3-1-7-1-10 1ZM12 7v13'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 7C9 5 5 5 2 6v13c4-1 7-.5 10 1 3-1.5 6-2 10-1V6c-3-1-7-1-10 1ZM12 7v13'/%3E%3C/svg%3E")!important}
.eq-knowledge .eq-v8-tools .eq-v8-size button::before{content:none!important;display:none!important}
/* Preferred familiar Quran typography; do not alter any Unicode verse or diacritic. */
.eq-knowledge p.quran-verse,.eq-knowledge .eq-v8-dialog-body{
 font-family:"Noto Naskh Arabic","Scheherazade New","Amiri Quran","Amiri","KFGQPC Uthman Taha Naskh","Quran","quran",serif!important;
 font-weight:400!important;line-height:2.7!important;letter-spacing:normal!important;word-spacing:normal!important;
 font-feature-settings:"kern" 1,"liga" 1,"calt" 1;word-break:normal!important;overflow-wrap:normal!important;text-rendering:optimizeLegibility;
}
/* Fix an actual OS-dark / saved-light first paint mismatch in legacy body rules.
   Central theme classes win after they are set by /js/main.js. */
html.eq-study-root[data-eq-initial-theme="light"]:not([data-theme="dark"]):not(.dark):not(.dark-mode){background:#f5f8f4;color-scheme:light}
html.eq-study-root[data-eq-initial-theme="light"]:not([data-theme="dark"]):not(.dark):not(.dark-mode) body.eq-study-page:not(.dark-mode):not(.dark-theme){background:#f5f8f4;color:#18392f;color-scheme:light}
html.eq-study-root[data-eq-initial-theme="dark"]:not([data-theme="light"]):not(.light):not(.light-mode){background:#0b1914;color-scheme:dark}
html.eq-study-root[data-eq-initial-theme="dark"]:not([data-theme="light"]):not(.light):not(.light-mode) body.eq-study-page:not(.light-mode){background:#0b1914;color:#ecf5ef;color-scheme:dark}
/* The saved first-paint choice applies to content, not merely the body background. */
html.eq-study-root[data-eq-initial-theme="dark"]:not([data-theme="light"]):not(.light) body:not(.light-mode) .eq-knowledge{
 --page:#0b1914;--paper:#142720;--ink:#ecf5ef;--muted:#b2c3b8;--edge:#315042;--green:#9edab9;--green2:#b8e8ca;--gold:#e4c17c;--soft:#1c382b;--shadow:0 13px 35px rgba(0,0,0,.24);
 --eq-v8-primary:#a6eac6;--eq-v8-on-primary:#10291d;--eq-v8-secondary:#1f3e30;--eq-v8-on-secondary:#f2faf5;--eq-v8-outline:#4a6a59;--eq-v8-ring:#efc777;
}
html.eq-study-root[data-eq-initial-theme="light"]:not([data-theme="dark"]):not(.dark) body:not(.dark-mode) .eq-knowledge{
 --page:#f5f8f4;--paper:#fff;--ink:#18392f;--muted:#60756b;--edge:#d9e6db;--green:#126947;--green2:#0d8260;--gold:#a87825;--soft:#eaf4ed;--shadow:0 10px 35px rgba(16,56,38,.065);
 --eq-v8-primary:#126245;--eq-v8-on-primary:#fff;--eq-v8-secondary:#eef8f2;--eq-v8-on-secondary:#183b2e;--eq-v8-outline:#b0cbb9;--eq-v8-ring:#d49a36;
}
@media(max-width:900px){.eq-knowledge .eq-v8-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){
 .eq-knowledge .hero{padding:14px 15px;margin:6px 0 13px;border-radius:16px}
 .eq-knowledge .hero h1{font-size:clamp(1.24rem,5.1vw,1.5rem)}
 .eq-knowledge .hero p:not(.eyebrow){font-size:.85rem;line-height:1.55;margin:3px 0 7px}
 .eq-knowledge .hero-actions .btn{min-height:43px;padding:7px 9px;font-size:.78rem}
 .eq-knowledge .eq-v8-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
 .eq-knowledge .eq-v8-path-card{min-height:65px;gap:5px;padding:7px 8px}
 .eq-knowledge .eq-v8-path-text strong{font-size:.76rem}
 .eq-knowledge .eq-v8-path-text small{font-size:.66rem}
 .eq-knowledge .eq-v8-path-arrow{display:none}
 .eq-knowledge .eq-v8-path-icon{width:1.1rem;height:1.1rem}
}
@media print{.eq-knowledge .eq-v8-path{display:block!important}}