/* ── النظام ───────────────────────────────────────────────── */
:root{
  color-scheme:dark;
  --bg:#10110f;--bg-deep:#090a09;--paper:#181916;--paper-2:#20211d;
  --paper-3:#292a25;--ink:#f3efe6;--muted:#b6b0a3;--quiet:#7e7b73;
  --hair:#363730;--hair-strong:#515249;
  --amber:#f2b544;--jade:#55c5a0;--clay:#ff7657;--iris:#ba91f2;--blue:#73a9ff;
  --strong:#55d2a4;--maybe:#efc760;--tension:#ff7657;--disputed:#c191ff;--refuted:#9aa09a;
  --page-accent:var(--amber);--page-accent-soft:rgba(242,181,68,.12);
  --sans:"IBM Plex Sans Arabic",-apple-system,"Segoe UI",sans-serif;
  --serif:"Amiri","Traditional Arabic",Georgia,serif;
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;
  --s7:64px;--s8:80px;--s9:96px;--s10:128px;
  --r1:8px;--r2:16px;--r3:24px;
  --shadow:0 1px 0 rgba(255,255,255,.025),0 24px 60px rgba(0,0,0,.22);
  --content:1180px;--rail:272px;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f0e7;--bg-deep:#e9e2d5;--paper:#fffdf8;--paper-2:#f8f3e9;
  --paper-3:#eee7da;--ink:#201f1b;--muted:#615f58;--quiet:#817d73;
  --hair:#d8d1c3;--hair-strong:#b7afa0;
  --amber:#936313;--jade:#087654;--clay:#b83d26;--iris:#7040a1;--blue:#245da8;
  --strong:#087654;--maybe:#896400;--tension:#bd3e25;--disputed:#7040a1;--refuted:#5f6862;
  --page-accent-soft:rgba(147,99,19,.10);
  --shadow:0 1px 0 rgba(255,255,255,.8),0 24px 60px rgba(72,57,35,.09);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.8;font-weight:400;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(1000px 540px at 86% -10%,var(--page-accent-soft),transparent 70%),
    linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(255,255,255,.018) 100%);
  background-size:auto,8px 8px;background-attachment:fixed;
}
:root[data-theme="light"] body{
  background-image:
    radial-gradient(1000px 600px at 86% -10%,var(--page-accent-soft),transparent 72%),
    repeating-linear-gradient(0deg,rgba(53,46,35,.018) 0,rgba(53,46,35,.018) 1px,transparent 1px,transparent 8px);
}
body::before{
  content:"";position:fixed;inset-block-start:0;inset-inline:0;height:4px;z-index:100;
  background:linear-gradient(90deg,var(--clay) 0 18%,var(--amber) 18% 43%,var(--jade) 43% 69%,var(--iris) 69% 86%,var(--blue) 86%);
}
a{color:var(--page-accent);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--page-accent);color:var(--bg-deep)}
:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}
.skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:200;transform:translateY(-140%);background:var(--ink);color:var(--bg);padding:8px 16px;border-radius:8px}
.skip:focus{transform:none}

/* ── شخصيات الصفحات ───────────────────────────────────────── */
.page-index{--page-accent:var(--amber);--page-accent-soft:rgba(242,181,68,.12)}
.page-eras{--page-accent:var(--amber);--page-accent-soft:rgba(242,181,68,.11)}
.page-entities{--page-accent:var(--jade);--page-accent-soft:rgba(85,197,160,.11)}
.page-texts{--page-accent:var(--blue);--page-accent-soft:rgba(115,169,255,.11)}
.page-method{--page-accent:var(--iris);--page-accent-soft:rgba(186,145,242,.11)}
:root[data-theme="light"] .page-index,:root[data-theme="light"] .page-eras{--page-accent-soft:rgba(147,99,19,.10)}
:root[data-theme="light"] .page-entities{--page-accent-soft:rgba(8,118,84,.08)}
:root[data-theme="light"] .page-texts{--page-accent-soft:rgba(36,93,168,.08)}
:root[data-theme="light"] .page-method{--page-accent-soft:rgba(112,64,161,.08)}

/* ── الإطار والشبكة ───────────────────────────────────────── */
.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100vh;direction:rtl}
.rail{
  position:sticky;inset-block-start:0;height:100vh;overflow-y:auto;padding:40px 28px 32px;
  border-inline-end:1px solid var(--hair);background:color-mix(in srgb,var(--bg) 91%,transparent);
  backdrop-filter:blur(18px);z-index:50;display:flex;flex-direction:column;
}
.brand{display:block;text-decoration:none;color:var(--ink);margin-block-end:48px}
.brand .edition{display:block;color:var(--page-accent);font-size:10px;font-weight:700;letter-spacing:.16em;margin-block-end:8px}
.brand .mark{display:block;font:700 30px/1.2 var(--serif);letter-spacing:-.02em}
.brand .sub{display:block;margin-block-start:8px;color:var(--quiet);font-size:11.5px;line-height:1.65;max-width:22ch}
.rail nav{display:flex;flex-direction:column;gap:4px}
.rail nav a{
  display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px;min-height:44px;
  padding:8px 12px;border-radius:var(--r1);color:var(--muted);text-decoration:none;font-size:14px;
  border:1px solid transparent;transition:background .18s,color .18s,border-color .18s;
}
.rail nav a i{font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--quiet);font-variant-numeric:tabular-nums}
.rail nav a:hover{background:var(--paper);border-color:var(--hair);color:var(--ink)}
.rail nav a[aria-current="page"]{background:var(--paper);border-color:var(--hair);color:var(--ink);font-weight:600;box-shadow:inset -3px 0 var(--page-accent)}
.rail nav a[aria-current="page"] i{color:var(--page-accent)}
.rail-controls{margin-block-start:24px;padding-block-start:24px;border-block-start:1px solid var(--hair)}
#theme{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;
  border:1px solid var(--hair);border-radius:var(--r1);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;
}
#theme::after{content:"◐";font-size:14px;color:var(--page-accent)}
#theme:hover{background:var(--paper);color:var(--ink);border-color:var(--hair-strong)}
.rail .foot{margin-block-start:auto;padding-block-start:24px;border-block-start:1px solid var(--hair);font-size:11.5px;color:var(--quiet);line-height:1.75}
.rail .foot .mode{display:inline-flex;align-items:center;gap:6px;margin-block-end:8px;color:var(--page-accent);font-weight:600}
.rail .foot .mode::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--page-accent-soft)}
main{min-width:0;padding:0 clamp(24px,5vw,72px) 112px;overflow:hidden}
main>*{width:100%;max-width:var(--content);margin-inline:auto}

/* ── افتتاحيات الصفحات ────────────────────────────────────── */
.hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:24px;row-gap:24px;padding:96px 0 64px;border-block-end:1px solid var(--hair);overflow:hidden;
}
.hero::before{
  content:"";position:absolute;z-index:-2;inset-block-start:32px;inset-inline-end:0;width:min(58vw,700px);height:320px;
  background:linear-gradient(135deg,var(--page-accent-soft),transparent 66%);border-radius:50%;filter:blur(22px);
}
.hero::after{
  position:absolute;z-index:-1;inset-block-start:24px;inset-inline-end:0;color:var(--page-accent);
  opacity:.08;font:700 clamp(120px,19vw,260px)/1 var(--serif);letter-spacing:-.08em;
}
.page-index .hero::after{content:"٠٠"}.page-eras .hero::after{content:"٠٩"}
.page-entities .hero::after{content:"◈"}.page-texts .hero::after{content:"𒀭"}
.page-method .hero::after{content:"§"}
.hero-heading{grid-column:1/-1;position:relative}
.hero-intro{grid-column:1/span 8;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px;align-items:start}
.eyebrow{margin:0 0 16px;color:var(--page-accent);font-size:11px;font-weight:700;letter-spacing:.18em;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
.hero h1{margin:0;max-width:13ch;font:700 clamp(52px,7.2vw,104px)/1.02 var(--serif);letter-spacing:-.045em;text-wrap:balance}
.page-index .hero h1{max-width:15ch;font-size:clamp(64px,8.8vw,128px)}
.hero h1 .accent{color:var(--page-accent);font-style:normal}
.hero .lede{grid-column:1/span 4;margin:0;color:var(--ink);font:400 clamp(19px,2vw,26px)/1.75 var(--serif)}
.hero .claim{grid-column:5/span 4;margin:0;padding-inline-start:24px;border-inline-start:3px solid var(--page-accent);color:var(--muted);font-size:15.5px;line-height:1.9}
.origin{
  grid-column:3/span 9;margin-block-start:16px;padding:32px;border:1px solid var(--hair);border-radius:var(--r2);
  background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--paper) 86%,var(--page-accent) 14%));
  box-shadow:var(--shadow);position:relative;
}
.origin::before{content:"صلة المشروع";display:block;margin-block-end:16px;color:var(--page-accent);font-size:10px;font-weight:700;letter-spacing:.18em}
.origin p{margin:0 0 12px;color:var(--muted);font-size:14.5px;line-height:1.9}
.origin p:last-child{margin:0}.origin b{color:var(--ink);font-weight:600}
.origin .what{padding-block-start:16px;border-block-start:1px solid var(--hair);color:var(--ink)}
.q-cite{font:400 17px/1.8 var(--serif);color:var(--ink);background:var(--paper-3);border-radius:6px;padding:1px 8px}

/* ── عناوين الأقسام ───────────────────────────────────────── */
h2.sec{position:relative;margin-block:96px 16px;font:700 clamp(34px,4vw,52px)/1.2 var(--serif);letter-spacing:-.025em;scroll-margin-top:96px}
h2.sec::before{content:"";display:block;width:48px;height:4px;margin-block-end:16px;background:var(--page-accent)}
h2.sec .count{vertical-align:middle}
h2.sec+.sub{margin:0 0 32px;max-width:68ch;color:var(--muted);font-size:15px}
.sub-h{margin:48px 0 16px;font:700 25px/1.35 var(--serif)}

/* ── أرقام اللوحة ─────────────────────────────────────────── */
.stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:48px 0;
  border-block:1px solid var(--hair);background:transparent;
}
.stat{min-height:112px;padding:24px;border-inline-end:1px solid var(--hair);display:flex;flex-direction:column;justify-content:space-between}
.stat:first-child{border-inline-end:0}.stat:nth-child(4n+1){border-inline-end:0}
.stat b{display:block;color:var(--ink);font:700 clamp(30px,3vw,44px)/1 var(--serif);font-variant-numeric:tabular-nums}
.stat span{display:block;margin-block-start:8px;color:var(--quiet);font-size:11.5px}
.stat:nth-child(1) b,.stat:nth-child(2) b{color:var(--page-accent)}

/* ── مداخل اللوحة ─────────────────────────────────────────── */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.card{
  grid-column:span 6;min-height:240px;padding:32px;border:1px solid var(--hair);border-radius:var(--r2);
  background:var(--paper);color:inherit;text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;transition:transform .2s,border-color .2s;
}
.card::before{counter-increment:entry;content:"٠" counter(entry);color:var(--page-accent);font:700 13px/1 var(--sans);letter-spacing:.08em}
.grid{counter-reset:entry}
.card::after{content:"↗";position:absolute;inset-block-start:28px;inset-inline-end:28px;color:var(--quiet);font-size:18px}
.card:nth-child(2){--page-accent:var(--jade)}.card:nth-child(3){--page-accent:var(--blue)}.card:nth-child(4){--page-accent:var(--iris)}
.card:hover{transform:translateY(-4px);border-color:var(--page-accent);color:inherit}
.card h3{margin:auto 0 8px;font:700 30px/1.3 var(--serif);color:var(--ink)}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8;max-width:52ch}
.card .n{display:block;margin-block-start:16px;color:var(--page-accent);font-size:11px;font-weight:700;letter-spacing:.06em}

/* ── مفتاح الأحكام: لون + قيمة + هيئة ────────────────────── */
.s-strong{--status:var(--strong);--status-symbol:"●";--status-style:solid}
.s-maybe{--status:var(--maybe);--status-symbol:"○";--status-style:solid}
.s-tension{--status:var(--tension);--status-symbol:"◆";--status-style:dashed}
.s-disputed{--status:var(--disputed);--status-symbol:"▥";--status-style:double}
.s-refuted{--status:var(--refuted);--status-symbol:"╱";--status-style:dotted}
.badge{
  display:inline-flex;align-items:center;gap:7px;width:max-content;padding:3px 10px;border:1px var(--status-style,solid) var(--status,var(--hair-strong));
  border-radius:99px;color:var(--status,var(--muted));background:color-mix(in srgb,var(--status,var(--hair)) 9%,transparent);
  font-size:10.5px;font-weight:700;line-height:1.7;white-space:nowrap;
}
.badge::before{content:var(--status-symbol,"·");font-size:10px;line-height:1}


/* ── التدفّق: الأقسام تُجلَب عند بلوغها ───────────────────── */
.stream-sec{margin:0 0 10px;scroll-margin-top:80px}
.stream-head{
  display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;
  margin:70px 0 26px;padding:26px 0 22px;
  border-block:1px solid var(--line)
}
.stream-head .num{
  flex:0 0 auto;font-family:var(--serif);font-size:44px;font-weight:700;
  color:var(--gold);line-height:1;opacity:.55
}
.stream-head>div{flex:1 1 320px;min-width:0}
.stream-head h2{
  font-family:var(--serif);font-size:34px;font-weight:700;margin:0 0 8px;
  letter-spacing:-.01em;line-height:1.2
}
.stream-head p{margin:0;color:var(--dim);font-size:16px;max-width:66ch;line-height:1.8}
.stream-head .alone{
  flex:0 0 auto;font-size:12.5px;color:var(--dim);text-decoration:none;
  border:1px solid var(--line);border-radius:99px;padding:5px 13px;align-self:center
}
.stream-head .alone:hover{color:var(--gold);border-color:var(--gold)}
.sentinel{
  display:flex;align-items:center;justify-content:center;gap:11px;
  padding:56px 0;color:var(--faint);font-size:13.5px
}
.sentinel::before{
  content:"";width:15px;height:15px;border-radius:50%;
  border:2px solid var(--line);border-block-start-color:var(--gold);
  animation:spin 1s linear infinite;opacity:0;transition:opacity .2s
}
.sentinel.loading::before{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
.closing{margin-top:80px;padding-top:34px;border-top:1px solid var(--line)}
@media (max-width:900px){
  .stream-head{margin:44px 0 20px;gap:14px}
  .stream-head .num{font-size:32px}
  .stream-head h2{font-size:26px}
}


/* ── سلاسل التحسين ────────────────────────────────────────── */
.lineage{margin:34px 0 10px}
.lg-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.lg-row{
  display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:13px 16px;border-inline-start:3px solid var(--verd)
}
.lg-node{
  text-decoration:none;display:flex;flex-direction:column;gap:1px;
  background:var(--raised);border:1px solid var(--line);border-radius:9px;
  padding:7px 13px;min-width:150px;transition:.15s
}
.lg-node:hover{border-color:var(--gold)}
.lg-era{font-size:10.5px;color:var(--faint);letter-spacing:.05em}
.lg-mk{font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.4}
.lg-arrow{color:var(--gold);font-size:19px;flex:0 0 auto}
.lg-why{flex:1 1 260px;margin:0;font-size:13.5px;color:var(--dim);line-height:1.7}
@media (max-width:700px){
  .lg-row{gap:7px}
  .lg-arrow{transform:rotate(-90deg)}
  .lg-why{flex-basis:100%}
}


/* ── خريطة الوصلات ────────────────────────────────────────── */
.graph-wrap{border:1px solid var(--line);border-radius:16px;background:var(--surface);
  padding:10px;box-shadow:var(--sh)}
#gv{width:100%;height:auto;display:block;direction:ltr}
.ge{stroke:var(--line);stroke-width:1;opacity:.7}
.ge2{stroke:var(--gold);stroke-width:2;opacity:.85}
.gn{cursor:grab}
.gn circle{stroke:var(--bg);stroke-width:2;transition:r .12s}
.gn:hover circle{stroke:var(--gold)}
.gl{fill:var(--dim);font-size:10.5px;text-anchor:middle;font-family:var(--sans);
    pointer-events:none;direction:rtl}
.gn:hover .gl{fill:var(--ink)}
.graph-key{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--dim);
  margin-top:10px;padding:0 6px 4px}
.graph-key i{display:inline-block;width:11px;height:11px;border-radius:50%;
  margin-inline-end:6px;vertical-align:-1px}



/* ── الوصلات المعنوية ─────────────────────────────────────── */
.ties-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.ties{flex:1 1 260px;background:var(--raised);border:1px solid var(--line);
  border-radius:11px;padding:11px 14px}
.ties .tie-lab{display:block;font-size:11.5px;letter-spacing:.06em;color:var(--gold);
  margin-bottom:7px;font-weight:600}
.ties ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.ties li{font-size:13.5px;line-height:1.65;padding-inline-start:11px;
  border-inline-start:2px solid var(--line)}
.ties li a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);
  padding-bottom:1px}
.ties li a:hover{color:var(--gold)}
.ties .tie-why{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.corpus .ties,.anchor .ties,details .ties{margin-top:11px;background:transparent;
  border:0;border-top:1px solid var(--line);border-radius:0;padding:11px 0 0}

/* ── المشاهد ──────────────────────────────────────────────── */
.clusters{margin:30px 0 8px}
.cluster{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px;border-inline-start:3px solid var(--verd);box-shadow:var(--sh)}
.cluster h3{font-family:var(--serif);font-size:20px;margin:0 0 11px;font-weight:700;color:var(--ink)}
.cl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.cl-chip{font-size:12.5px;text-decoration:none;background:var(--raised);color:var(--gold);
  border:1px solid var(--line);border-radius:99px;padding:3px 12px;transition:.14s}
.cl-chip:hover{border-color:var(--gold);color:var(--ink)}
.cl-why{margin:0;font-size:14.5px;color:var(--dim);line-height:1.8}

/* ── الأدوات ──────────────────────────────────────────────── */
.toolbar{
  position:sticky;inset-block-start:0;z-index:35;margin-block:24px 48px;padding:16px 0;
  border-block-end:1px solid var(--hair);background:color-mix(in srgb,var(--bg) 91%,transparent);
  backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:16px;align-items:center;
}
.toolbar input{
  width:100%;min-width:0;padding:11px 16px;border:1px solid var(--hair);border-radius:var(--r1);
  background:var(--paper);color:var(--ink);font-size:14px;
}
.toolbar input::placeholder{color:var(--quiet)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--hair);border-radius:99px;
  background:var(--paper);color:var(--muted);cursor:pointer;font-size:11px;transition:.16s;
}
.filters button::before{font-size:9px}.filters button[data-s="s-strong"]::before{content:"●";color:var(--strong)}
.filters button[data-s="s-maybe"]::before{content:"○";color:var(--maybe)}
.filters button[data-s="s-tension"]::before{content:"◆";color:var(--tension)}
.filters button[data-s="s-disputed"]::before{content:"▥";color:var(--disputed)}
.filters button[data-s="s-refuted"]::before{content:"╱";color:var(--refuted)}
.filters button:hover{border-color:var(--hair-strong);color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:700}
#tally{color:var(--quiet);font-size:11px;white-space:nowrap}.hidden{display:none!important}
#empty{padding:64px 0;text-align:center;color:var(--muted)}

/* ── سلسلة الحقب ودليل الكيانات ───────────────────────────── */
.chain-wrap{margin:40px 0 24px}
.chain{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.chain .link{
  min-width:0;padding:16px 12px;border-block-start:3px solid var(--hair);background:var(--paper);
  color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:.18s;
}
.chain .link:hover{border-block-start-color:var(--page-accent);background:var(--paper-2);color:inherit;transform:translateY(-3px)}
.chain .link b{color:var(--page-accent);font:700 17px/1 var(--serif)}
.chain .link .nm{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.4}
.chain .link .add{color:var(--quiet);font-size:10.5px;line-height:1.45}
.chain-note{margin:16px 0 0;color:var(--quiet);font-size:12.5px}
.entity-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:40px 0}
.entity-key{min-height:112px;padding:16px;border:1px solid var(--hair);background:var(--paper);color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}
.entity-key:hover{border-color:var(--page-accent);color:inherit}.entity-key b{color:var(--page-accent);font:700 18px/1 var(--serif)}
.entity-key .nm{font:700 17px/1.4 var(--serif)}.entity-key .add{color:var(--quiet);font-size:10.5px}

/* ── الحقب والملامح ───────────────────────────────────────── */
article.era{margin:0;padding:80px 0;border-block-start:1px solid var(--hair);scroll-margin-top:88px}
.era-head{display:flex;align-items:flex-start;gap:16px}
.era-no{
  flex:0 0 auto;width:56px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--page-accent);
  border-radius:50%;color:var(--page-accent);background:var(--page-accent-soft);font:700 22px/1 var(--serif);
}
.era-no.alt{border-radius:var(--r1)}
.era-head h2{margin:0 0 12px;font:700 clamp(32px,3.2vw,46px)/1.2 var(--serif);letter-spacing:-.02em}
.essence{margin:0 0 16px;color:var(--muted);font-size:14.5px;line-height:1.85}
.tags{display:flex;flex-direction:column;gap:8px;margin-block-start:16px}
.tag{padding-block-start:8px;border-block-start:1px solid var(--hair);color:var(--quiet);font-size:11.5px}
.tag.add{color:var(--page-accent)}
.era-meter{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:16px}
.era-meter span{padding:3px 9px;border:1px solid var(--hair);border-radius:99px;color:var(--quiet);font-size:10.5px}
.era-content{min-width:0}
.page-eras article.era{display:block}
.page-eras .era-head{position:relative;inset:auto;align-items:flex-start;padding-block-end:40px;border-block-end:1px solid var(--hair)}
.page-eras .era-head>div{max-width:820px}
.page-eras .era-no{width:64px;font-size:26px}
.page-eras .tags{flex-direction:row;flex-wrap:wrap}
.page-eras .tag{padding:4px 10px;border:1px solid var(--hair);border-radius:99px}
.page-eras .era-content{min-width:0}
.page-entities article.era{padding:48px;margin-block:32px;border:1px solid var(--hair);border-block-start:6px solid var(--page-accent);border-radius:var(--r2);background:var(--paper);box-shadow:var(--shadow)}
.page-entities .era-head{padding-block-end:32px;border-block-end:1px solid var(--hair)}
.page-entities .era-no{border-radius:0}
.page-entities .era-no+div{padding-inline-start:8px}

section.marker{padding:40px 0 48px;border-block-end:1px solid var(--hair);scroll-margin-top:112px}
section.marker:last-child{border-block-end:0;padding-block-end:0}
.mk-grid{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:48px}
.mk-text{grid-column:1;position:sticky;inset-block-start:96px;align-self:start}
.mk-ev{grid-column:2;min-width:0}
section.marker h3{margin:0 0 12px;color:var(--ink);font:700 28px/1.35 var(--serif)}
.gloss{margin:0 0 24px;color:var(--muted);font-size:14.5px;max-width:64ch}
blockquote.ayah{margin:0 0 8px;padding:16px 0;border-block-start:1px solid var(--hair);display:block}
blockquote.ayah .ref{display:block;margin-block-end:4px;color:var(--page-accent);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
blockquote.ayah .txt{display:block;color:var(--ink);font:400 22px/2.05 var(--serif)}
.anchors-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--quiet);font-size:10px;font-weight:700;letter-spacing:.13em}
.anchors-title::after{content:"";flex:1;height:1px;background:var(--hair)}
.count{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--hair);border-radius:99px;color:var(--muted);font:600 10px/1.7 var(--sans);letter-spacing:0}
.count.strong{color:var(--strong);border-color:var(--strong)}
.anchor{
  position:relative;margin-block-end:12px;padding:20px 22px 20px 26px;border:1px var(--status-style,solid) var(--hair);
  border-inline-start:5px var(--status-style,solid) var(--status,var(--hair-strong));border-radius:var(--r1);
  background:var(--paper);box-shadow:var(--shadow);color:var(--ink);
}
.anchor::after{content:var(--status-symbol,"·");position:absolute;inset-block-start:18px;inset-inline-end:18px;color:var(--status,var(--quiet));font-size:10px}
.anchor.s-refuted{background:repeating-linear-gradient(-45deg,var(--paper),var(--paper) 8px,color-mix(in srgb,var(--refuted) 7%,var(--paper)) 8px,color-mix(in srgb,var(--refuted) 7%,var(--paper)) 9px)}
.anchor.s-refuted h4{text-decoration:line-through;text-decoration-thickness:1px}
.anchor-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-inline-end:20px}
.anchor-head h4{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--ink)}
.anchor-head .en{direction:ltr;display:inline-block;color:var(--quiet);font-size:12px;font-weight:400}
.meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-block-end:12px;color:var(--quiet);font-size:11.5px}
.meta .when{color:var(--status,var(--ink));font-weight:700}
.bar{height:5px;margin:0 0 16px;border-radius:99px;background:var(--paper-3);overflow:hidden;position:relative}
.bar .fill{position:absolute;inset-block:0;border-radius:99px;background:var(--status,var(--page-accent));min-width:4px}
.note{margin:0 0 12px;color:var(--muted);font-size:14px;max-width:72ch}.note b{color:var(--ink);font-weight:600}
.bear{padding:12px 14px;border-inline-start:2px solid var(--page-accent);background:var(--paper-2);color:var(--ink)}
ul.sources{margin:0;padding-inline-start:18px;color:var(--quiet);font-size:11.5px}ul.sources li{margin-block-end:4px}

/* ── المستكشف الزمني: سياق كامل + نافذة تفصيل ─────────────── */
main>.timeline-stage{max-width:none;width:auto;margin:96px clamp(-72px,-5vw,-24px) 0;padding:72px clamp(24px,5vw,72px) 80px;background:var(--bg-deep);color:#f3efe6;border-block:1px solid #343730;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.timeline-head{max-width:var(--content);margin:0 auto 48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.timeline-title{grid-column:1/span 7}.timeline-title .eyebrow{color:#f2b544}.timeline-title h2{margin:0;font:700 clamp(44px,6vw,78px)/1.08 var(--serif);letter-spacing:-.035em}
.timeline-copy{grid-column:8/span 5;margin:0;color:#aaa79f;font-size:14.5px;line-height:1.9}
.timeline-summary{grid-column:1/-1;display:flex;gap:24px;padding-block-start:24px;border-block-start:1px solid #343730;color:#85827b;font-size:11px}
.timeline-summary b{color:#f3efe6;font-size:16px;margin-inline-end:4px}
.time-explorer{max-width:var(--content);margin:0 auto;direction:rtl}
.timeline-overview,.timeline-focus{border:1px solid #343730;background:#141512}
.timeline-overview>header,.focus-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 24px;border-block-end:1px solid #343730;background:#181916}
.timeline-overview h3,.focus-head h3{margin:2px 0 0;font:700 25px/1.25 var(--serif)}
.timeline-overview header p,.focus-head p{margin:0;color:#85827b;font-size:10.5px;letter-spacing:.1em}
.focus-head p b{color:#f3efe6;font-size:18px;margin-inline-end:4px}
.mini-label{color:#85827b;font-size:9px;font-weight:700;letter-spacing:.16em}
.overview-axis,.overview-lane{display:grid;grid-template-columns:112px minmax(0,1fr)}
.overview-axis{height:44px;border-block-end:1px solid #292a25}.overview-axis>span{border-inline-end:1px solid #343730}
.overview-axis>div,.overview-track{position:relative;direction:ltr}
.overview-tick{position:absolute;inset-block:0;left:var(--x);width:1px;background:#343730}
.overview-tick b{position:absolute;inset-block-end:10px;left:0;transform:translateX(-50%);color:#777972;font-size:8px;font-weight:500;white-space:nowrap}
.overview-tick:first-child b,#focus-ticks>span:first-child b{transform:translateX(-100%)}.overview-tick:last-child b,#focus-ticks>span:last-child b{transform:none}
.overview-lane{--kind-color:#f2b544}.overview-lane.kind-ent{--kind-color:#55c5a0}.overview-lane.kind-nat{--kind-color:#ff7657}
.overview-lane{display:grid;min-height:42px;border-block-end:1px solid #242520}.overview-lane:last-child{border-block-end:0}
.overview-lane>span{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-inline-end:1px solid #343730;color:var(--kind-color);font-size:10px;font-weight:700}
.overview-lane>span b{color:#777972;font-size:9px}.overview-track{overflow:hidden}
.overview-window{position:absolute;z-index:0;inset-block:0;left:var(--left);width:var(--width);background:rgba(255,255,255,.06);border-inline:1px solid rgba(255,255,255,.18);transition:left .24s,width .24s}
.overview-span{position:absolute;z-index:1;inset-block-start:17px;left:var(--left);width:var(--width);min-width:3px;height:7px;border-radius:2px;background:var(--kind-color);opacity:.82}
.timeline-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}
.timeline-controls fieldset{min-width:0;margin:0;padding:0;border:0}.timeline-controls legend{margin-block-end:8px;color:#777972;font-size:9px;font-weight:700;letter-spacing:.14em}
.window-tabs,.kind-tabs{display:flex;gap:6px;padding:6px;border:1px solid #343730;background:#141512}
.timeline-controls button{min-width:0;border:1px solid transparent;border-radius:2px;background:transparent;color:#aaa79f;cursor:pointer;font:600 11px/1.35 var(--sans);transition:background .16s,border-color .16s,color .16s}
.window-tabs button{flex:1;padding:9px 10px}.window-tabs button b{display:block;color:inherit}.window-tabs button small{display:block;margin-block-start:3px;color:#6f716a;font-size:8px;font-weight:400;white-space:nowrap}
.kind-tabs button{flex:1;padding:12px 8px}.kind-tabs button small{margin-inline-start:3px;color:#6f716a}
.timeline-controls button:hover{color:#f3efe6;background:#1e201c}.timeline-controls button[aria-pressed="true"]{color:#151612;background:#f3efe6;border-color:#f3efe6}.timeline-controls button[aria-pressed="true"] small{color:#5f615b}
.timeline-controls button:disabled{opacity:.32;cursor:not-allowed}
.focus-axis,.focus-row{display:grid;grid-template-columns:260px minmax(0,1fr)}
.focus-axis{min-height:62px;border-block-end:1px solid #343730;background:#181916}
.focus-axis>span{display:flex;align-items:flex-end;padding:14px 18px;border-inline-end:1px solid #343730;color:#85827b;font-size:9px;letter-spacing:.08em}
#focus-ticks{position:relative;direction:ltr}#focus-ticks::before,.focus-track::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#292a25 calc(25% - 1px),#292a25 25%)}
#focus-ticks>span{position:absolute;inset-block:0;left:var(--x);width:1px;background:#3b3d37}
#focus-ticks b{position:absolute;inset-block-end:12px;left:0;transform:translateX(-50%);color:#85827b;font-size:9px;font-weight:500;white-space:nowrap}
.focus-group{--kind-color:#f2b544}.focus-group.kind-ent{--kind-color:#55c5a0}.focus-group.kind-nat{--kind-color:#ff7657}
.focus-group[hidden],.focus-row[hidden]{display:none!important}
.focus-row{min-height:52px;border-block-end:1px solid #242520;color:inherit;text-decoration:none}.focus-row:last-child{border-block-end:0}.focus-row:hover{color:inherit;background:rgba(255,255,255,.035)}
.focus-name{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-inline-end:1px solid #343730;color:#ded9cf;font-size:12px}
.focus-name small{color:#777972;font-size:9px;white-space:nowrap}.focus-track{position:relative;direction:ltr;overflow:hidden}
.focus-span{position:absolute;z-index:1;inset-block-start:19px;left:var(--left);width:var(--width);min-width:6px;height:14px;border-radius:2px;background:var(--kind-color);box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:left .24s,width .24s,filter .16s,transform .16s}
.focus-row:hover .focus-span{filter:brightness(1.2);transform:scaleY(1.2)}
.focus-empty{padding:48px 24px;text-align:center;color:#85827b;font-size:13px}
.timeline-key{max-width:var(--content);margin:20px auto 0;display:flex;gap:24px;flex-wrap:wrap;color:#85827b;font-size:11px}
.timeline-key span{display:inline-flex;align-items:center;gap:7px}.timeline-key i{width:18px;height:4px;border-radius:2px;background:currentColor}
.timeline-key .era{color:#f2b544}.timeline-key .ent{color:#55c5a0}.timeline-key .nat{color:#ff7657}

/* ── المتون والمنهج ───────────────────────────────────────── */
.page-texts article.era{margin-block:48px;padding:40px;border:1px solid var(--hair);border-radius:var(--r3);background:var(--paper);box-shadow:var(--shadow)}
.page-texts .era-head{padding-block-end:32px;border-block-end:1px solid var(--hair)}
.page-texts .marker{padding-block-start:32px}.page-texts .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.corpus,.lead,.fw{padding:20px;border:1px solid var(--hair);border-radius:var(--r1);background:var(--paper-2)}
.corpus{grid-column:span 1;min-height:248px;border-block-start:4px solid var(--page-accent)}
.lead{grid-column:span 4;border-block-start:3px dotted var(--page-accent)}
.corpus h4,.lead h4{margin:0 0 8px;color:var(--ink);font:700 18px/1.45 var(--serif)}
.kind{display:inline-block;padding:2px 8px;border:1px solid var(--page-accent);border-radius:99px;color:var(--page-accent);font-size:10px;font-weight:700}
.corpus .size{margin:0 0 12px;color:var(--ink);font-size:11px;font-weight:700}.corpus .access{margin:12px 0 0;color:var(--quiet);font-size:11px}
.lead .refs{margin:0 0 6px;color:var(--page-accent);font-size:11px;font-variant-numeric:tabular-nums}.lead .note{margin:0}
.q{padding:20px 0;border-block-end:1px solid var(--hair)}.q:last-child{border:0}.q h3{margin:0 0 6px;color:var(--page-accent);font:700 18px/1.4 var(--serif)}.q p{margin:0;color:var(--muted);font-size:14px}
.page-method h2.sec{padding-inline-start:24px}.page-method h2.sec::before{position:absolute;inset-inline-start:0;inset-block:4px auto;width:4px;height:48px;margin:0}
.scroll{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--r1);background:var(--paper)}
table.tbl{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}
table.tbl th{padding:13px 14px;text-align:start;color:var(--quiet);background:var(--paper-2);border-block-end:1px solid var(--hair);font-size:10px;font-weight:700;letter-spacing:.07em}
table.tbl td{padding:13px 14px;border-block-end:1px solid var(--hair);vertical-align:top}table.tbl tr:last-child td{border:0}table.tbl tbody tr:hover td{background:var(--page-accent-soft)}
.sym{direction:ltr;color:var(--page-accent);font:700 17px/1.5 var(--serif);white-space:nowrap}.pron{color:var(--muted);white-space:nowrap}.arw{font-weight:600}
td>details>summary{cursor:pointer;margin-block-start:5px;color:var(--page-accent);font-size:11px}td>details p{margin:8px 0 0;color:var(--muted);font-size:12.5px}
details.panel{margin-block-end:12px;border:1px solid var(--hair);border-radius:var(--r1);background:var(--paper);overflow:hidden}
details.panel>summary{display:flex;align-items:baseline;gap:8px;padding:16px 20px;color:var(--muted);cursor:pointer;list-style:none}details.panel>summary::-webkit-details-marker{display:none}
details.panel>summary::before{content:"+";color:var(--page-accent);font-weight:700}details.panel[open]>summary::before{content:"−"}details.panel>summary b{color:var(--ink);font:700 17px/1.4 var(--serif)}
details.panel>*:not(summary){padding:0 20px 20px}.cites{display:flex;flex-wrap:wrap;gap:6px;line-height:2.3}.cite{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--hair);border-radius:99px;background:var(--paper);color:var(--muted);font-size:11px;direction:ltr}.cite b{color:var(--ink);font-weight:500}.cite i{color:var(--page-accent);font-style:normal;font-size:9px}

/* ── النهاية ───────────────────────────────────────────────── */
footer.site{margin-block-start:96px;padding-block-start:32px;border-block-start:1px solid var(--hair);color:var(--quiet);font-size:12px;line-height:1.9}
#top{position:fixed;inset-inline-end:24px;inset-block-end:24px;z-index:60;width:44px;height:44px;border:1px solid var(--hair);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.2s}
#top.show{opacity:1;pointer-events:auto}

/* ── الاستجابة ────────────────────────────────────────────── */
@media(max-width:1180px){
  :root{--rail:232px}.rail{padding-inline:20px}.chain{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mk-grid{gap:32px}
  .entity-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.page-texts .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .shell{grid-template-columns:1fr}.rail{position:sticky;inset-block-start:0;height:auto;padding:12px 20px;border:0;border-block-end:1px solid var(--hair);display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}
  .brand{margin:0}.brand .edition,.brand .sub{display:none}.brand .mark{font-size:21px;white-space:nowrap}
  .rail nav{flex-direction:row;overflow-x:auto;gap:4px}.rail nav a{display:flex;min-height:38px;white-space:nowrap;padding:7px 10px}.rail nav a i{display:none}
  .rail-controls{margin:0;padding:0;border:0}#theme{width:42px;height:38px;padding:0;justify-content:center;font-size:0}#theme::after{font-size:16px}.rail .foot{display:none}
  main{padding-inline:24px}.hero{padding-block:64px 48px}.hero-intro{grid-column:1/-1}.origin{grid-column:2/span 10}
  .page-eras .era-head{position:static}.mk-grid{grid-template-columns:1fr}.mk-text,.mk-ev{grid-column:1}.mk-text{position:static}
  main>.timeline-stage{margin-inline:-24px;padding-inline:24px}.timeline-head{display:block}.timeline-copy{margin-block-start:20px}.timeline-summary{margin-block-start:24px}.timeline-controls{grid-template-columns:1fr}
  .entity-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.page-entities article.era{padding:32px}.page-texts article.era{padding:32px}.lead{grid-column:span 6}
}
@media(max-width:640px){
  body{font-size:15px}.rail{grid-template-columns:1fr auto}.rail nav{grid-column:1/-1;grid-row:2}.brand .mark{font-size:20px}
  main{padding-inline:16px;padding-block-end:72px}.hero{display:block;padding-block:48px 40px}.hero::after{font-size:120px}.hero h1,.page-index .hero h1{font-size:clamp(48px,16vw,72px)}
  .hero-intro{display:block}.hero .lede{margin-block-start:24px}.hero .claim{margin-block-start:24px;padding-inline-start:16px}.origin{margin-block-start:32px;padding:24px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px;min-height:96px}.stat:nth-child(odd){border-inline-end:0}.stat:nth-child(even){border-inline-end:1px solid var(--hair)}
  .card{grid-column:1/-1;min-height:220px;padding:24px}.chain{display:flex;overflow-x:auto}.chain .link{flex:0 0 132px}
  .entity-directory{grid-template-columns:1fr 1fr}.entity-key{min-height:104px}.toolbar{position:relative;grid-template-columns:1fr;margin-block-end:32px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-block-end:4px}.filters button{white-space:nowrap}
  article.era{padding-block:56px}.page-entities article.era,.page-texts article.era{margin-inline:-8px;padding:24px;border-radius:12px}.era-head h2{font-size:32px}
  section.marker{padding-block:32px}.mk-grid{gap:24px}blockquote.ayah .txt{font-size:20px}.anchor{padding:18px}
  .page-texts .grid{display:grid;grid-template-columns:1fr}.corpus,.lead{grid-column:1/-1}.timeline-title h2{font-size:46px}.timeline-summary{gap:12px;flex-wrap:wrap}
  main>.timeline-stage{margin-inline:-16px;padding:56px 16px 64px}.timeline-overview>header,.focus-head{align-items:flex-start;padding:18px;flex-direction:column}.overview-axis,.overview-lane{grid-template-columns:78px minmax(0,1fr)}
  .overview-lane>span{padding-inline:9px;font-size:9px}.overview-tick{display:none}.overview-tick:first-child,.overview-tick:nth-child(3),.overview-tick:last-child{display:block}.overview-tick b{font-size:7px}.window-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.window-tabs button{width:100%}.kind-tabs button{padding-inline:4px;font-size:10px}
  .focus-axis{grid-template-columns:1fr;min-height:54px}.focus-axis>span{display:none}#focus-ticks{grid-column:1}.focus-row{display:block;padding:12px 14px}.focus-name{padding:0 0 10px;border:0}.focus-track{height:32px;border:1px solid #292a25}.focus-span{inset-block-start:9px;height:12px}
  #focus-ticks>span:nth-child(even){display:none}
  h2.sec{margin-block-start:72px}.page-method h2.sec{font-size:34px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}