@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
/* LuxDot v4.3.44 — final typography/navigation lock. Loaded LAST on every page. */
:root{--lux-kufi:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}
/* Header identity is intentionally stable in every language/page. */
header.top,header.top *, .topin,.topin *, .nav,.nav *, .logo,.brand-luxdot,.r-logo,
.luxdot-breadcrumb,.luxdot-breadcrumb *, .luxdot-page-actions,.luxdot-page-actions *{
  font-family:var(--lux-kufi)!important;
  font-style:normal!important;
}
/* Every Arabic UI state is Kufi, regardless of legacy inline/page CSS. */
html[lang="ar"] body,html[lang="ar"] body *,
html[data-lux-lang="ar"] body,html[data-lux-lang="ar"] body *,
body[data-lang="ar"],body[data-lang="ar"] *,.rtl-core,.rtl-core *{
  font-family:var(--lux-kufi)!important;
}
html[lang="ar"] input,html[lang="ar"] button,html[lang="ar"] select,html[lang="ar"] textarea,
html[data-lux-lang="ar"] input,html[data-lux-lang="ar"] button,html[data-lux-lang="ar"] select,html[data-lux-lang="ar"] textarea,
body[data-lang="ar"] input,body[data-lang="ar"] button,body[data-lang="ar"] select,body[data-lang="ar"] textarea{
  font-family:var(--lux-kufi)!important;
}
/* Common Arabic fragments that can live inside multilingual pages before language bootstrap. */
[lang="ar"],[dir="rtl"][lang="ar"],.ar,.arabic,.ar-text,.care-ar-name,.care-popup-ar,.memory-ar,.lux-ar{
  font-family:var(--lux-kufi)!important;
}
body{scroll-padding-top:112px}
header.top{position:sticky!important;top:0!important;z-index:2147483000!important;background:rgba(2,6,4,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(126,255,173,.13)!important}
header.top .topin{min-height:58px!important}
header.top .nav{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
header.top .nav a{display:inline-flex!important;align-items:center!important;text-decoration:none!important}
.luxdot-breadcrumb{position:sticky;top:58px;z-index:2147482999;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 16px;margin:0 auto;background:rgba(3,9,6,.94);border-bottom:1px solid rgba(210,177,91,.14);color:#bfd3c4;font-size:11px}
.luxdot-breadcrumb a{color:#e8d28d;text-decoration:none}.luxdot-breadcrumb .sep{opacity:.44}
.luxdot-page-actions{position:fixed;inset-inline-end:16px;bottom:16px;z-index:2147483001;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.luxdot-page-actions button,.luxdot-page-actions a{appearance:none;border:1px solid rgba(210,177,91,.48)!important;border-radius:999px!important;background:rgba(4,12,8,.95)!important;color:#f4df9c!important;text-decoration:none!important;padding:10px 13px!important;font-size:11px!important;cursor:pointer!important;box-shadow:0 8px 28px rgba(0,0,0,.3)!important}
.luxdot-page-actions button:hover,.luxdot-page-actions a:hover{background:rgba(210,177,91,.14)!important}
@media(max-width:760px){header.top .nav{gap:7px!important;font-size:11px!important}.luxdot-page-actions{inset-inline:8px;bottom:8px}.luxdot-page-actions button,.luxdot-page-actions a{padding:8px 10px!important;font-size:10px!important}.luxdot-breadcrumb{top:58px;font-size:10px;padding:7px 10px}}


/* v4.3.63 — UX stabilization */
html{scroll-padding-top:calc(var(--lux-header-h,68px) + 16px)}
body.lux-shell-page{padding-top:var(--lux-header-h,68px)!important;padding-bottom:82px!important}
header.top{position:fixed!important;inset:0 0 auto 0!important;top:0!important;width:100%!important;z-index:2147483000!important;margin:0!important;background:rgba(2,6,4,.965)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
header.top .topin{min-height:62px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
header.top .nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px 10px!important;flex-wrap:wrap!important;direction:ltr!important}
header.top .nav a,header.top .nav select{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
header.top .nav a{font-size:clamp(10.5px,1vw,12.5px)!important;padding:7px 9px!important}
header.top .lang-select{min-width:114px!important;max-width:145px!important}
.luxdot-breadcrumb{display:none!important}
.luxdot-history-arrows{position:fixed!important;inset-inline-end:18px!important;bottom:18px!important;z-index:2147483001!important;display:flex!important;gap:9px!important;pointer-events:auto!important}
.luxdot-history-arrows button{width:46px!important;height:46px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(210,177,91,.5)!important;border-radius:50%!important;background:rgba(4,12,8,.94)!important;color:#f4df9c!important;font:700 23px/1 Arial,sans-serif!important;box-shadow:0 10px 34px rgba(0,0,0,.38)!important;cursor:pointer!important}
.luxdot-history-arrows button:hover,.luxdot-history-arrows button:focus-visible{background:rgba(210,177,91,.16)!important;outline:2px solid rgba(125,255,174,.3)!important;outline-offset:2px!important}
/* Arabic words are never split in the middle. */
html[lang="ar"] p,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] li,html[lang="ar"] a,html[lang="ar"] button,html[lang="ar"] strong,html[lang="ar"] small,html[lang="ar"] span,
html[data-lux-lang="ar"] p,html[data-lux-lang="ar"] h1,html[data-lux-lang="ar"] h2,html[data-lux-lang="ar"] h3,html[data-lux-lang="ar"] li,html[data-lux-lang="ar"] a,html[data-lux-lang="ar"] strong,html[data-lux-lang="ar"] small{
 word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-wrap:pretty}
html[lang="ar"] .card,html[lang="ar"] .lux-cartouche,html[lang="ar"] .node-panel,html[lang="ar"] .reader-section{min-width:0!important}
/* Reader visibility + Quran-style current passage glow. */
.reader-meaning,.reader-context,.reader-section h2,.reader-ref{opacity:1!important}
.reader-meaning{color:#f3fff7!important;text-shadow:0 0 10px rgba(125,255,174,.055)!important}
.reader-context{color:#c9dbce!important}
.reader-section{transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.reader-section.current,.reader-section.is-reading{background:linear-gradient(160deg,rgba(21,66,39,.46),rgba(4,16,9,.98))!important;border-color:rgba(125,255,174,.58)!important;box-shadow:0 0 0 1px rgba(125,255,174,.12),0 0 42px rgba(57,190,102,.11)!important}
/* If a real cover cannot load, show a clean empty paper surface, never a fake black cover. */
.human-book-object.real-cover.cover-missing{background:linear-gradient(145deg,#f7f4ea,#dcd5c4)!important;border:1px solid rgba(216,184,95,.28)!important}
.human-book-object.real-cover.cover-missing img{display:none!important}
.human-book-label{direction:rtl!important}.human-book-label strong,.human-book-label small{font-family:var(--lux-kufi)!important;word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:920px){header.top .topin{align-items:flex-start!important;padding-block:9px!important}.logo{padding-top:6px}.luxdot-history-arrows{inset-inline-end:10px!important;bottom:10px!important}.luxdot-history-arrows button{width:42px!important;height:42px!important}header.top .nav{gap:5px!important}header.top .nav a{font-size:10.5px!important;padding:6px!important}}
@media(max-width:620px){header.top .topin{display:block!important}.logo{display:block!important;margin-bottom:6px!important}.nav{justify-content:flex-start!important}.lang-select{order:99}.luxdot-history-arrows button{width:40px!important;height:40px!important;font-size:20px!important}}

/* v4.3.75 — language selector visibility lock */
header.top .lang-select,header.top select[data-lang-select],.nav .lang-select,.nav select[data-lang-select]{
  color:#dfffea!important;-webkit-text-fill-color:#dfffea!important;opacity:1!important;
  text-indent:0!important;font-weight:600!important;letter-spacing:0!important;
  background-color:rgba(0,12,5,.92)!important;border-color:rgba(125,255,174,.35)!important;
  min-width:132px!important;max-width:170px!important;padding-inline:12px 30px!important;
}
header.top .lang-select option,header.top select[data-lang-select] option{color:#eef8f1!important;background:#020604!important;-webkit-text-fill-color:#eef8f1!important}
html[dir="rtl"] header.top .lang-select,html[dir="rtl"] header.top select[data-lang-select]{padding-inline:30px 12px!important}

/* v4.3.75 — native home cartouches are identical in AR/EN/NL */
.cards>a.card.lux-home-native{display:block;position:relative;text-decoration:none;color:inherit;cursor:pointer;padding-inline-start:82px!important;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.cards>a.card.lux-home-native:hover,.cards>a.card.lux-home-native:focus-visible{border-color:rgba(120,230,153,.55);box-shadow:0 0 0 1px rgba(120,230,153,.08),0 12px 34px rgba(0,0,0,.22);transform:translateY(-1px);outline:none}
.cards>a.card.lux-home-native .btn{display:none!important}
@media(max-width:760px){.cards>a.card.lux-home-native{padding-inline-start:72px!important}}

/* v4.3.75 — chemical-memory corner mark */
.chemical-mark{position:absolute;z-index:4;top:11px;inset-inline-end:13px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(185,255,176,.48);border-radius:50%;background:rgba(8,22,10,.94);color:#b9ffb0;box-shadow:0 0 12px rgba(135,255,128,.12);pointer-events:none;font:700 18px/1 Georgia,serif}
.chemical-mark::before{content:"⚗";transform:translateY(-1px)}

/* v4.3.75 — Home visual parity with Arabic master */
.cards>a.card.lux-home-native{
  border:1px solid rgba(198,158,70,.34)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(7,20,14,.92),rgba(2,8,6,.78))!important;
  box-shadow:inset 0 0 0 1px rgba(112,255,160,.025),0 14px 40px rgba(0,0,0,.22)!important;
  min-height:170px;
}
.cards>a.card.lux-home-native::after{content:"";position:absolute;inset-inline-end:-15px;top:30px;width:15px;height:1px;background:linear-gradient(90deg,#8b6a2b,#e1bd64)}
.cards>a.card.lux-home-native::before{content:"";position:absolute;inset-inline-end:-19px;top:27px;width:7px;height:7px;border:1px solid #d6ad51;border-radius:50%;background:#07100b;box-shadow:0 0 8px rgba(214,173,81,.45)}
@media(max-width:720px){.cards>a.card.lux-home-native::before,.cards>a.card.lux-home-native::after{display:none}}

/* v4.3.85 — source language integrity */
html[data-content-lang="ar"] body,html[data-content-lang="ar"] main,html[data-content-lang="ar"] article,
html[data-content-lang="ar"] section,body.lux-source-arabic{font-family:"Noto Kufi Arabic","Noto Sans Arabic",Arial,sans-serif!important}

/* v4.3.85 — floating word navigation: no header bar, fixed words, Kees-style spatial shell */
body.lux-shell-page{padding-top:74px!important}
header.top{position:fixed!important;inset:0 0 auto 0!important;top:0!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;padding:10px 12px 0!important}
header.top .topin{min-height:46px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;pointer-events:none!important}
header.top .logo,header.top .nav a,header.top .nav select{pointer-events:auto!important}
header.top .logo{background:rgba(2,6,4,.42)!important;border:1px solid rgba(126,255,173,.10)!important;border-radius:999px!important;padding:7px 11px!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;text-decoration:none!important}
header.top .nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px 12px!important;flex-wrap:wrap!important;background:transparent!important;border:0!important}
header.top .nav a{padding:5px 2px!important;background:transparent!important;border:0!important;border-radius:0!important;text-decoration:none!important;text-shadow:0 2px 12px rgba(0,0,0,.9)!important;opacity:.84!important}
header.top .nav a:hover,header.top .nav a.active{opacity:1!important;text-decoration:underline!important;text-underline-offset:5px!important}
header.top .lang-select{background:rgba(2,6,4,.48)!important;border:1px solid rgba(126,255,173,.14)!important;border-radius:999px!important;min-width:112px!important;padding-block:6px!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
@media(max-width:720px){body.lux-shell-page{padding-top:105px!important}header.top{padding-inline:8px!important}header.top .topin{display:block!important}.logo{display:inline-block!important;margin-bottom:5px!important}.nav{justify-content:flex-start!important;gap:4px 8px!important}.nav a{font-size:10px!important}.lang-select{font-size:10px!important;min-width:104px!important}}