/* الشجرة الإعرابيّة الجامعة — جناح الآية (بصائر) · على رموز tokens.css · بلا مكتبةٍ خارجيّة (٧ك-٦)
   خمسُ أسرٍ بلغة النحاة: العُمَد (المسند والمسند إليه) · الفضلات · التعلّق والجرّ والإضافة · التوابع · الروابط والأدوات
   وحالةُ الكلمة تُعلَّم بعلامتها (ـُ ـَ ـِ ـْ) لا بلون أسرة — فاسمُ إنّ عمدةٌ منصوبة، والحالةُ غيرُ الوظيفة. */
:root{
  --f-omda:#2C4E7A; --f-fadla:#2F6B4F; --f-jarr:#94561A; --f-tawabi:#6B4C8A; --f-adawat:#5C6672;
  --it-ghost:#8A7A5A;
}
@media (prefers-color-scheme: dark){ :root{
  --f-omda:#8FB4E3; --f-fadla:#7FC9A4; --f-jarr:#E0A46A; --f-tawabi:#C3A6E0; --f-adawat:#9AA4B5;
  --it-ghost:#C9B98F;
}}

/* ── شريط الطبقات تحت الآية ── */
.layers{display:flex;gap:.45rem;margin-top:1rem;padding-block:.2rem;overflow-x:auto;scrollbar-width:none}
.layers::-webkit-scrollbar{display:none}
.layers button{flex:none;display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);
  border-radius:var(--r-pill);background:var(--card);color:var(--ink);padding:.3rem 1.1rem;min-height:44px;
  font-size:var(--fs--1);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.layers button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.layers button:active{transform:scale(.96)}
.layers .ly-ico{width:18px;height:18px;flex:none}
.layer[hidden]{display:none}

/* ── لوحة الشجرة ── */
.it{margin-block:.6rem 1.4rem}
.it-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.it-seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);padding:3px}
.it-seg button{border:0;background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:.15rem .95rem;
  min-height:38px;font-size:var(--fs--1);transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease)}
.it-seg button[aria-checked="true"]{background:var(--gold);color:var(--navy-2);font-weight:500}
.it-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:var(--r-pill);
  background:var(--card);color:var(--gold-ink);padding:.15rem .95rem;min-height:44px;font-size:var(--fs--1);
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.it-btn:hover{border-color:var(--gold)}
.it-btn:active{transform:scale(.95)}
.it-btn[aria-pressed="true"]{background:var(--gold);color:var(--navy-2);border-color:var(--gold)}
.it-btn svg{width:16px;height:16px}
.it-gear{margin-inline-start:auto;width:44px;padding:0;justify-content:center}

.it-opts{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.6rem .9rem;margin-top:.5rem;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.2rem .8rem;font-size:var(--fs--1)}
.it-opts[hidden]{display:none}
.it-opts label{display:flex;align-items:center;gap:.5rem;min-height:40px;cursor:pointer}
.it-opts input{accent-color:var(--navy);width:18px;height:18px}

/* مفتاح الأسر — كلّ رقاقةٍ تُسلّط الضوء على أسرتها */
.it-key{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.it-key button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:var(--r-pill);
  background:transparent;color:var(--ink);padding:.05rem .75rem;min-height:36px;font-size:.8rem;
  transition:opacity var(--t-base) var(--ease),border-color var(--t-fast) var(--ease)}
.it-key button i{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}
.it-key button[aria-pressed="true"]{border-color:currentColor}
.it-key .k-omda{color:var(--f-omda)} .it-key .k-fadla{color:var(--f-fadla)} .it-key .k-jarr{color:var(--f-jarr)}
.it-key .k-tawabi{color:var(--f-tawabi)} .it-key .k-adawat{color:var(--f-adawat)}
.it-key span.k-note{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--muted);padding-inline:.3rem}
.it-key .fk{width:14px;height:14px;color:var(--warn)}
.it-key .gh{font-weight:400;color:var(--it-ghost);font-size:1rem}

/* الصفوف: جملةٌ لكلّ صف، تتمرّر أفقيّاً داخلها لا الصفحة */
.it-rows{margin-top:.7rem;display:flex;flex-direction:column;gap:.7rem}
.it-row{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.it-cap{display:flex;align-items:baseline;gap:.5rem;padding:.45rem .9rem 0;font-size:.8rem;color:var(--muted)}
.it-cap b{font-weight:500;color:var(--ink-strong)}
.it-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;
  -webkit-mask-image:linear-gradient(to left,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 22px),transparent)}
.it-scroll.at-end{-webkit-mask-image:none;mask-image:none}
.it-stage{position:relative;width:max-content;min-width:100%;padding:0 1rem}
.it-words{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:.35rem;direction:rtl;justify-content:flex-start;z-index:2}
.it-svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}
.it-svg .hit{pointer-events:stroke}

/* الكلمة */
.it-w{display:flex;flex-direction:column;align-items:center;gap:0;min-width:2.4rem;padding:.25rem .4rem .3rem;
  border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink-strong);cursor:pointer;
  transition:background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),opacity var(--t-slow) var(--ease),transform var(--t-fast) var(--ease)}
.it-w:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}
.it-w:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.it-w .q{font-family:HafsKFGQPC,Amiri,serif;font-size:clamp(1.45rem,1.1rem + 1.2vw,1.9rem);line-height:1.85;white-space:nowrap}
.it-w .pos{font-size:.72rem;line-height:1.3;color:var(--muted);white-space:nowrap}
.it-w .cs{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;line-height:1.4;white-space:nowrap;color:var(--gold-ink)}
.it-w .cs b{font-family:HafsKFGQPC,Amiri,serif;font-weight:400;font-size:1rem;line-height:1;display:inline-block}
.it-w.seg{min-width:1.6rem;padding-inline:.25rem}
.it-w.seg .q{font-size:clamp(1.3rem,1rem + 1vw,1.7rem)}
.it-w.pre .q,.it-w.suf .q{color:var(--muted)}
/* المحذوف المقدَّر: شبحٌ منقّط */
.it-w.ghost{border:1.5px dashed color-mix(in srgb,var(--it-ghost) 70%,transparent);background:color-mix(in srgb,var(--it-ghost) 7%,transparent)}
.it-w.ghost .q{font-family:"Readex Pro",system-ui,sans-serif;font-size:.95rem;line-height:2.2;color:var(--it-ghost);font-weight:400}
.it-w.ghost .pos{color:var(--it-ghost)}

/* التفاعل: الكلمةُ وعاملُها ومعمولاتُها — وما سواها يخفت */
.it.focus .it-w{opacity:.32}
.it.focus .it-w.on,.it.focus .it-w.head,.it.focus .it-w.dep{opacity:1}
.it-w.on{background:color-mix(in srgb,var(--gold) 26%,transparent);border-color:var(--gold)}
.it-w.head{border-color:var(--f-omda);background:color-mix(in srgb,var(--f-omda) 9%,transparent)}
.it-w.dep{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
.it-w .tag{display:none;font-size:.66rem;border-radius:var(--r-pill);padding:0 .45rem;margin-top:.1rem;background:var(--paper);color:var(--muted)}
.it-w.head .tag.t-h,.it-w.dep .tag.t-d{display:inline-block}

/* الأقواس */
.it-svg .arc{fill:none;stroke-width:1.6;stroke-linecap:round;opacity:.85;transition:opacity var(--t-slow) var(--ease),stroke-width var(--t-fast) var(--ease)}
.it-svg .arc.d{stroke-dasharray:5 4}
.it-svg .tip{transition:opacity var(--t-slow) var(--ease)}
.it-svg .lbl{transition:opacity var(--t-slow) var(--ease)}
.it-svg .lbl rect{fill:var(--card);stroke-width:1}
.it-svg .lbl rect.dv{stroke:var(--warn);stroke-dasharray:3 2.5;stroke-width:1.3}
.it-svg .lbl text{font-family:"Readex Pro",system-ui,sans-serif;font-size:12px;font-weight:400;paint-order:stroke}
.it-svg .lbl .fork{font-size:11px}
.it-svg .fam-omda{stroke:var(--f-omda);fill:var(--f-omda)} .it-svg .fam-fadla{stroke:var(--f-fadla);fill:var(--f-fadla)}
.it-svg .fam-jarr{stroke:var(--f-jarr);fill:var(--f-jarr)} .it-svg .fam-tawabi{stroke:var(--f-tawabi);fill:var(--f-tawabi)}
.it-svg .fam-adawat{stroke:var(--f-adawat);fill:var(--f-adawat)}
.it-svg .arc.fam-omda,.it-svg .arc.fam-fadla,.it-svg .arc.fam-jarr,.it-svg .arc.fam-tawabi,.it-svg .arc.fam-adawat{fill:none}
.it-svg .lbl text.fam-omda,.it-svg .lbl text.fam-fadla,.it-svg .lbl text.fam-jarr,.it-svg .lbl text.fam-tawabi,.it-svg .lbl text.fam-adawat{stroke:none}
.it.focus .it-svg .arc,.it.focus .it-svg .lbl,.it.focus .it-svg .tip{opacity:.12}
.it.focus .it-svg .hot{opacity:1}
.it.focus .it-svg .arc.hot{stroke-width:2.4}
.it.spot .it-svg .arc,.it.spot .it-svg .lbl,.it.spot .it-svg .tip{opacity:.1}
.it.spot .it-svg .lit{opacity:1}
.it-svg .draw{animation:it-draw 420ms var(--ease) both}
@keyframes it-draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}

/* حزم الجمل فوق الكلمات */
.it-svg .band{fill:none;stroke-width:1.3;stroke-linecap:round;opacity:.75}
.it-svg .band-lbl text{font-family:"Readex Pro",system-ui,sans-serif;font-size:11.5px;fill:var(--muted)}
.it-svg .band-lbl .k{fill:var(--ink-strong);font-weight:500}
.it-svg .band-lbl rect{fill:var(--card)}
.it-svg .b-clause{stroke:var(--gold)} .it-svg .b-pp{stroke:var(--line)}

/* الوصلُ بآيةٍ أخرى */
.it-svg .ext{fill:none;stroke-width:1.4;stroke-dasharray:2 4;opacity:.8}
.it-link{position:absolute;z-index:3;font-size:.72rem;line-height:1.3;background:var(--paper);border:1px dashed var(--line);border-radius:var(--r-pill);
  padding:.1rem .6rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.it-link b{font-family:HafsKFGQPC,Amiri,serif;font-weight:400;font-size:1rem;color:var(--gold-ink)}
.it-link:hover{border-color:var(--gold)}

/* شريط البيان: إعرابُ الكلمة المركَّز عليها / القراءة المتدرّجة */
.it-say{margin-top:.7rem;background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--gold);
  border-radius:var(--r);padding:.75rem 1rem;min-height:4.2rem;transition:border-color var(--t-base) var(--ease)}
.it.focus .it-say{position:sticky;bottom:10px;z-index:6;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.it-say .hint{color:var(--muted);font-size:var(--fs--1)}
.it-say .sw{display:inline-block;font-family:HafsKFGQPC,Amiri,serif;font-size:1.45rem;color:var(--gold-ink);margin-inline-end:.4rem}
.it-say .rel{font-weight:500;color:var(--ink-strong)}
.it-say .full{margin-top:.35rem;font-family:Amiri,serif;font-size:1.12rem;line-height:1.95;color:var(--ink)}
.it-say .rel.dv{text-decoration:underline dashed var(--warn);text-underline-offset:5px}
.it-say .fork .fk{width:15px;height:15px;vertical-align:-2px;margin-inline-end:.35rem}
.it-say .fork{margin-top:.5rem;font-size:var(--fs--1);color:var(--warn);background:color-mix(in srgb,var(--gold) 10%,transparent);
  border-radius:10px;padding:.4rem .7rem}
.it-say .nav{display:flex;align-items:center;gap:.4rem;margin-top:.55rem;padding:0}
.it-say .nav .ct{font-size:.8rem;color:var(--muted);margin-inline:.3rem}
.it-say .nav button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold-ink);font-size:1.1rem}
.it-say .nav button:active{transform:scale(.94)}
.it-src{margin-top:.55rem;font-size:.76rem;color:var(--muted);line-height:1.8}

@media (max-width:600px){
  .it-gear{margin-inline-start:0}
  .it-stage{padding:0 .6rem}
}
@media (prefers-reduced-motion: reduce){
  .it-svg .draw{animation:none}
}

/* ── إعرابُ الأئمّة عند الآية: نصوصُ كتب الإعراب التراثيّة بالجزء والصفحة ── */
.it-imam{margin-top:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem 1rem;box-shadow:var(--shadow)}
.it-imam h3{font-family:Amiri,serif;font-size:var(--fs-1);color:var(--ink-strong);font-weight:700;margin-bottom:.4rem}
.im-tabs{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.3rem}
.im-tabs::-webkit-scrollbar{display:none}
.im-tabs button{flex:none;border:1.5px solid var(--line);border-radius:var(--r-pill);background:transparent;color:var(--ink);
  padding:.15rem .9rem;min-height:44px;font-size:var(--fs--1);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.im-tabs button small{color:var(--muted);font-size:.72rem}
.im-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.im-tabs button[aria-selected="true"] small{color:var(--on-navy);opacity:.75}
.im-tabs button:active{transform:scale(.96)}
.im-body{font-family:Amiri,serif;font-size:1.13rem;line-height:2.05;color:var(--ink);margin-top:.35rem}
.im-body .bq{font-family:HafsKFGQPC,Amiri,serif;color:var(--gold-ink)}
.im-body mark{background:color-mix(in srgb,var(--gold) 38%,transparent);color:inherit;border-radius:4px;padding-inline:.08em}
.im-more{border:0;background:transparent;color:var(--gold-ink);font:inherit;font-size:var(--fs--1);text-decoration:underline;cursor:pointer;min-height:44px}
.im-cite{margin-top:.5rem;font-size:.8rem;color:var(--muted);line-height:1.8;border-inline-start:3px solid var(--gold);padding-inline-start:.7rem}
.im-cite .im-nl{color:var(--warn)}
.im-cite .im-ed{font-size:.74rem}
.im-cite .im-hl{color:var(--gold-ink)}

/* النظائر التركيبيّة في شريط البيان */
.it-say .nz{margin-top:.55rem}
.it-say .nz-b{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;
  color:var(--gold-ink);padding:.1rem .85rem;min-height:44px;font-size:var(--fs--1);cursor:pointer;transition:border-color var(--t-fast) var(--ease)}
.it-say .nz-b:hover{border-color:var(--gold)}
.it-say .nz-b .fk{width:14px;height:14px}
.it-say .nz-l{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem;max-height:18rem;overflow:auto}
.it-say .nz-i{display:block;text-decoration:none;color:var(--ink);border-inline-start:2px solid var(--line);padding:.1rem .6rem;min-height:44px;
  transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.it-say .nz-i:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.it-say .nz-i b{font-family:HafsKFGQPC,Amiri,serif;font-weight:400;font-size:1.12rem;color:var(--ink-strong)}
.it-say .nz-i small{color:var(--muted)}

/* ── v2: أشكالُ البنية الأربعة (أقواس · شجرة · إطارات · جدول) ── */
.it-form button{padding-inline:.75rem}
/* الشجرة: الكلماتُ على ترتيبها، وكلٌّ في درجته تحت عامله */
.it-stage.t-tree .it-w{position:relative;transition:top var(--t-slow) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),opacity var(--t-slow) var(--ease)}
.it-stage.t-tree .it-words{gap:.55rem}
/* الإطارات: كلُّ معمولٍ علبةٌ بلون أسرته واسمِ علاقته، داخل علبة عامله */
.it-nest{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;direction:rtl;padding:.7rem .8rem .9rem}
.nx{position:relative;display:inline-flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;padding:1.05rem .35rem .3rem;
  background:color-mix(in srgb,var(--paper) 55%,transparent);transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),opacity var(--t-slow) var(--ease)}
.nx-in{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.3rem;direction:rtl}
.nx-root{border-style:dashed;border-color:color-mix(in srgb,var(--gold) 55%,transparent);padding-top:.35rem}
.nx-l{position:absolute;top:-.72rem;inset-inline-start:.6rem;font-size:.72rem;line-height:1.35;background:var(--card);border:1px solid currentColor;
  border-radius:var(--r-pill);padding:0 .5rem;white-space:nowrap}
.nx.fam-omda{border-color:color-mix(in srgb,var(--f-omda) 60%,transparent)} .nx.fam-omda>.nx-l{color:var(--f-omda)}
.nx.fam-fadla{border-color:color-mix(in srgb,var(--f-fadla) 60%,transparent)} .nx.fam-fadla>.nx-l{color:var(--f-fadla)}
.nx.fam-jarr{border-color:color-mix(in srgb,var(--f-jarr) 60%,transparent)} .nx.fam-jarr>.nx-l{color:var(--f-jarr)}
.nx.fam-tawabi{border-color:color-mix(in srgb,var(--f-tawabi) 60%,transparent)} .nx.fam-tawabi>.nx-l{color:var(--f-tawabi)}
.nx.fam-adawat{border-color:color-mix(in srgb,var(--f-adawat) 60%,transparent)} .nx.fam-adawat>.nx-l{color:var(--f-adawat)}
.nx.dv{border-style:dashed}
.nx.dv>.nx-l{border-style:dashed;border-color:var(--warn)}
.it.focus .nx{opacity:.55}
.it.focus .nx.hot{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}
.it.spot .nx{opacity:.4} .it.spot .nx.lit{opacity:1}
/* الجدول */
.it-tscroll{-webkit-mask-image:none;mask-image:none}
.it-tbl{width:100%;border-collapse:collapse;direction:rtl;font-size:var(--fs--1)}
.it-tbl th{font-weight:500;color:var(--muted);text-align:start;padding:.45rem .7rem;border-bottom:1px solid var(--line);font-size:.78rem}
.it-tbl td{padding:.35rem .7rem;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);vertical-align:top;line-height:1.8}
.it-tbl td:first-child{width:1%;white-space:nowrap}
.it-tbl td:last-child{white-space:nowrap;color:var(--gold-ink)}
.it-tbl td:last-child small{display:block;color:var(--muted);font-size:.72rem;line-height:1.3}
.it-tbl .rel{font-weight:500;color:var(--ink-strong)}
.it-tbl .rel.dv{text-decoration:underline dashed var(--warn);text-underline-offset:5px}
.it-tbl .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:.35rem;vertical-align:1px}
.it-tbl .dot.fam-omda{background:var(--f-omda)} .it-tbl .dot.fam-fadla{background:var(--f-fadla)} .it-tbl .dot.fam-jarr{background:var(--f-jarr)}
.it-tbl .dot.fam-tawabi{background:var(--f-tawabi)} .it-tbl .dot.fam-adawat{background:var(--f-adawat)}
.it-tbl .full{display:block;font-family:Amiri,serif;font-size:1rem;line-height:1.85;color:var(--ink);margin-top:.1rem}
.it-tbl .it-w .tag{display:none!important}
.it-tbl tr{transition:background var(--t-base) var(--ease),opacity var(--t-slow) var(--ease)}
.it.focus .it-tbl tr{opacity:.45}
.it.focus .it-tbl tr:has(.it-w.on),.it.focus .it-tbl tr:has(.it-w.head),.it.focus .it-tbl tr:has(.it-w.dep),.it.focus .it-tbl tr.hot{opacity:1}
.it-tbl tr.hot{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.it.spot .it-tbl tr{opacity:.45} .it.spot .it-tbl tr.lit{opacity:1}
@media (max-width:600px){ .it-tbl td{padding:.3rem .45rem} .it-tbl .full{font-size:.95rem} }
/* الوصل بآيةٍ أخرى في غير الأقواس */
.it-ext{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .9rem .6rem}
.it-ext .it-link{position:static;white-space:normal}

/* ── الإعرابُ من مصادرِه: التبويباتُ في مجموعاتٍ مسمّاة + الشجرةُ الزمنيّة ── */
.im-hd{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}
.im-hd h3{margin:0;flex:1 1 auto}
.im-tbtn[aria-expanded="true"]{background:var(--gold);color:var(--navy-2);border-color:var(--gold)}
.im-tabs{flex-wrap:wrap;overflow:visible;align-items:center;row-gap:.4rem}
.im-g{flex:none;font-size:.72rem;color:var(--muted);padding-inline:.35rem .1rem;border-inline-start:2px solid var(--gold);margin-inline-start:.25rem}
.im-g:first-child{margin-inline-start:0}
.im-tabs button.im-z{border-color:var(--gold);color:var(--gold-ink)}
.im-tabs button.im-z[aria-selected="true"]{background:var(--gold);color:var(--navy-2)}
.im-body .hint{color:var(--muted);font-family:"Readex Pro",system-ui,sans-serif;font-size:var(--fs--1)}
.im-time{margin:.2rem 0 .7rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:.4rem .2rem .5rem}
.im-time[hidden]{display:none}
.tl-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.tl{display:block;font-family:"Readex Pro",system-ui,sans-serif}
.tl .tl-g{stroke:var(--line);stroke-width:1}
.tl .tl-y{font-size:10.5px;fill:var(--muted)}
.tl .tl-ln{font-size:12px;fill:var(--ink-strong);font-weight:500}
.tl .tl-lane{stroke-width:2.2;opacity:.35;stroke-linecap:round}
.tl .tl-s circle{opacity:.85} .tl .tl-s text{font-size:10px;fill:var(--muted)}
.tl .tl-b circle{fill:var(--card);stroke-width:2.2;opacity:.45}
.tl .tl-b text{font-size:11.5px;fill:var(--muted);font-weight:500}
.tl .tl-b.on circle{opacity:1;fill:color-mix(in srgb,var(--gold) 30%,var(--card));cursor:pointer}
.tl .tl-b.on text{fill:var(--ink-strong);cursor:pointer}
.tl .tl-b.on:hover circle,.tl .tl-b.on:focus-visible circle{stroke-width:3.2}
.tl .tl-b.sel circle{fill:var(--gold)}
.tl .tl-b:focus{outline:none}
.tl .ln-basri{stroke:var(--f-omda);fill:var(--f-omda)} .tl .ln-kufi{stroke:var(--f-fadla);fill:var(--f-fadla)}
.tl .ln-baghdadi{stroke:var(--f-jarr);fill:var(--f-jarr)} .tl .ln-andalusi{stroke:var(--f-tawabi);fill:var(--f-tawabi)}
.tl .ln-shami{stroke:#9A6B3F;fill:#9A6B3F} .tl .ln-yemeni{stroke:var(--f-adawat);fill:var(--f-adawat)}
.tl .ln-mixed{stroke:var(--muted);fill:var(--muted)} .tl .ln-modern{stroke:var(--gold);fill:var(--gold)}
.tl .tl-s text{stroke:none}
.tl .tl-b circle{stroke:var(--gold-ink)}
.tl-und{font-size:.78rem;color:var(--muted);padding:.3rem .7rem 0;display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.tl-und button{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-size:.76rem;min-height:36px;padding:0 .7rem;cursor:pointer}
.tl-und button:disabled{opacity:.45;cursor:default}
.tl-note{font-size:.74rem;color:var(--muted);padding:.3rem .7rem 0;line-height:1.75}
@media (max-width:600px){ .it-tbl th:last-child,.it-tbl td:last-child{display:none} }   /* الحالةُ تحت الكلمة نفسها: يتّسع الإعراب */
.tl .tl-s text,.tl .tl-y,.tl .tl-ln{pointer-events:none}

/* ── v2.2 (ملاحظات المؤلّف على الشجرة الزمنيّة): الاسمُ المتكلّمُ في الآية مضيءٌ يُنقر · ما سواه خافت · ألفاظُ الآية مضيئة ── */
.tl-hint{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--ink-strong);padding:.35rem .7rem .15rem;font-weight:500}
.tl-hint i{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 28%,transparent);flex:none;
  animation:tl-pulse 2.4s var(--ease) infinite}
.tl .tl-b{opacity:.42}
.tl .tl-b text{font-size:12px;font-weight:500;fill:var(--muted)}
.tl .tl-b.on{opacity:1;cursor:pointer}
.tl .tl-b.on text{fill:var(--gold-ink);font-weight:700;paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round}
.tl .tl-b.on circle{fill:var(--gold);stroke:var(--gold-ink);stroke-width:2;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 70%,transparent));
  transform-box:fill-box;transform-origin:center;animation:tl-pulse 2.4s var(--ease) infinite}
.tl .tl-b.on:hover circle,.tl .tl-b.on:focus-visible circle{stroke-width:3.2;animation:none}
.tl .tl-b.sel circle{fill:var(--gold-ink);stroke:var(--gold);animation:none}
.tl .tl-b.sel text{text-decoration:underline;text-underline-offset:3px}
@keyframes tl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.im-body .qw{color:var(--gold-ink);font-weight:700;background:color-mix(in srgb,var(--gold) 13%,transparent);border-radius:5px;padding-inline:.12em}
.im-body .bq .qw{background:none;padding:0}
@media (prefers-reduced-motion: reduce){ .tl-hint i,.tl .tl-b.on circle{animation:none} }