@charset "UTF-8";

/* ═══════════════════════════════════════════════════
   عتبات المستقبل — نظام التصميم
   الألوان مستخرجة من غلاف الكتاب
   ═══════════════════════════════════════════════════ */

:root{
  /* الألوان */
  --oat:#DCD4BA;
  --oat-light:#EAE4D2;
  --oat-deep:#C7BC9C;
  --ink:#211A16;
  --ink-soft:#5A4F45;
  --oxblood:#82302E;
  --clay:#A1685D;
  --paper:#F2EEE2;

  /* الخطوط */
  --display:"Amiri",Georgia,serif;
  --wordmark:"Aref Ruqaa",Georgia,serif;
  --body:"IBM Plex Sans Arabic",system-ui,-apple-system,sans-serif;

  /* مقياس النص */
  --t-xs:.78rem;
  --t-sm:.875rem;
  --t-base:1rem;
  --t-lg:1.0625rem;
  --t-xl:1.25rem;
  --t-2xl:1.625rem;
  --t-3xl:2.125rem;
  --t-4xl:clamp(2.4rem,7vw,3.6rem);

  /* المسافات */
  --s1:.25rem; --s2:.5rem;  --s3:.75rem; --s4:1rem;
  --s5:1.5rem; --s6:2rem;   --s7:3rem;   --s8:4rem;
  --s9:6rem;

  /* العرض */
  --measure:38rem;      /* عرض القراءة المريح */
  --wide:68rem;         /* عرض الحاوية */
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

body{
  background:var(--oat);
  color:var(--ink);
  font-family:var(--body);
  font-weight:300;
  font-size:var(--t-base);
  line-height:1.95;
  -webkit-font-smoothing:antialiased;
  min-height:100svh;
  display:flex;
  flex-direction:column;
}

img{max-width:100%;height:auto;display:block}

/* ── التخطيط ─────────────────────────────────────── */
.container{
  width:100%;
  max-width:var(--wide);
  margin-inline:auto;
  padding-inline:var(--s5);
}
.measure{max-width:var(--measure)}
main{flex:1}

.section{padding-block:var(--s8)}
.section--tight{padding-block:var(--s7)}

/* ── العناوين ────────────────────────────────────── */
h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
}
h1{font-size:var(--t-4xl);line-height:1.25}
h2{font-size:var(--t-3xl);margin-bottom:var(--s4)}
h3{font-size:var(--t-xl);margin-bottom:var(--s3)}
h4{font-size:var(--t-lg);font-family:var(--body);font-weight:500}

p+p{margin-top:var(--s4)}

a{color:var(--oxblood);text-decoration:none;transition:color .18s}
a:hover{color:var(--clay)}
:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}

/* ── عناصر صغيرة ─────────────────────────────────── */
.eyebrow{
  font-family:var(--body);
  font-size:var(--t-xs);
  font-weight:500;
  letter-spacing:.28em;
  color:var(--oxblood);
  margin-bottom:var(--s4);
  display:block;
}
.lede{font-size:var(--t-lg);line-height:2.05;color:var(--ink-soft)}
.muted{color:var(--ink-soft)}
.small{font-size:var(--t-sm)}

.rule{
  width:2.5rem;height:1px;
  background:var(--oxblood);opacity:.55;
  border:0;margin-block:var(--s6);
}
.rule--full{width:100%;background:var(--oat-deep);opacity:1}

/* قوس فاصل مستمدّ من حقل المسارات */
.arc{
  display:block;width:100%;height:44px;
  margin-block:var(--s7);
  overflow:visible;
}
.arc path{fill:none;stroke:var(--oat-deep);stroke-width:1}
.arc circle{fill:var(--oxblood);opacity:.7}

/* ── الترويسة ────────────────────────────────────── */
.site-header{
  border-bottom:1px solid var(--oat-deep);
  background:var(--oat);
  position:relative;
  z-index:20;
}
.site-header__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s5);
  padding-block:var(--s4);
}
.wordmark{
  font-family:var(--wordmark);
  font-weight:700;
  font-size:1.5rem;
  color:var(--ink);
  line-height:1.2;
  white-space:nowrap;
}
.wordmark:hover{color:var(--ink)}
.wordmark small{
  display:block;
  font-family:var(--body);
  font-size:var(--t-xs);
  font-weight:300;
  color:var(--ink-soft);
  letter-spacing:.02em;
}

.nav{display:flex;gap:var(--s5);flex-wrap:wrap;align-items:center}
.nav a{
  font-size:var(--t-sm);
  font-weight:400;
  color:var(--ink-soft);
  padding-block:var(--s1);
  border-bottom:1px solid transparent;
  white-space:nowrap;
}
.nav a:hover{color:var(--ink)}
.nav a[aria-current=page]{
  color:var(--oxblood);
  border-bottom-color:var(--oxblood);
  font-weight:500;
}

.nav-toggle{
  display:none;
  background:none;border:1px solid var(--oat-deep);
  border-radius:2px;
  color:var(--ink);
  font-family:var(--body);font-size:var(--t-sm);
  padding:.45rem .9rem;cursor:pointer;
}

@media (max-width:900px){
  .nav-toggle{display:block}
  .nav{
    display:none;
    position:absolute;inset-inline:0;top:100%;
    flex-direction:column;align-items:flex-start;
    gap:0;
    background:var(--oat-light);
    border-bottom:1px solid var(--oat-deep);
    padding:var(--s3) var(--s5) var(--s5);
  }
  .nav.is-open{display:flex}
  .nav a{
    width:100%;
    padding-block:var(--s3);
    border-bottom:1px solid var(--oat-deep);
  }
  .nav a[aria-current=page]{border-bottom-color:var(--oxblood)}
}

/* ── الواجهة ─────────────────────────────────────── */
.hero{
  padding-block:var(--s8) var(--s7);
  position:relative;
  overflow:hidden;
}
.hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:var(--s8);
  align-items:center;
}
.hero__cover{
  position:relative;
  justify-self:center;
  max-width:22rem;width:100%;
}
.hero__cover img{
  width:100%;
  box-shadow:0 2px 0 var(--oat-deep),0 18px 40px -18px rgba(33,26,22,.45);
}
.hero__cover-fallback{
  aspect-ratio:1/1.45;
  background:var(--oat-light);
  border:1px solid var(--oat-deep);
  display:grid;place-items:center;
  text-align:center;padding:var(--s5);
  color:var(--ink-soft);font-size:var(--t-sm);
}
.hero h1{margin-bottom:var(--s3)}
.hero__subtitle{
  font-size:var(--t-xl);
  color:var(--oxblood);
  font-weight:400;
  margin-bottom:var(--s5);
}
.hero__byline{
  font-size:var(--t-sm);
  color:var(--ink-soft);
  line-height:2;
  margin-bottom:var(--s6);
}
.hero__byline strong{font-weight:500;color:var(--ink)}

.pullquote{
  font-family:var(--body);
  font-weight:300;
  font-size:var(--t-xl);
  line-height:1.9;
  color:var(--oxblood);
  border-inline-start:2px solid var(--oxblood);
  padding-inline-start:var(--s4);
  margin-block:var(--s6);
}

@media (max-width:820px){
  .hero__grid{grid-template-columns:1fr;gap:var(--s7)}
  .hero__cover{max-width:16rem;order:-1}
}

/* ── الأزرار ─────────────────────────────────────── */
.btn{
  display:inline-block;
  font-family:var(--body);
  font-size:var(--t-sm);font-weight:500;
  padding:.75rem 1.5rem;
  border:1px solid var(--oxblood);
  border-radius:2px;
  cursor:pointer;
  transition:background .18s,color .18s,border-color .18s;
}
.btn--primary{background:var(--oxblood);color:var(--paper)}
.btn--primary:hover{background:var(--clay);border-color:var(--clay);color:var(--paper)}
.btn--ghost{background:transparent;color:var(--oxblood)}
.btn--ghost:hover{background:var(--oxblood);color:var(--paper)}
.btn-row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}

/* ── البطاقات ────────────────────────────────────── */
.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:var(--s5);
}
.card{
  background:var(--oat-light);
  border:1px solid var(--oat-deep);
  padding:var(--s5);
  display:flex;flex-direction:column;
  transition:border-color .18s;
}
.card:hover{border-color:var(--clay)}
.card__no{
  font-size:var(--t-xs);
  letter-spacing:.2em;
  color:var(--oxblood);
  font-weight:500;
  margin-bottom:var(--s2);
}
.card h3{margin-bottom:var(--s3)}
.card p{font-size:var(--t-sm);line-height:1.95;color:var(--ink-soft)}
.card__foot{
  margin-top:var(--s4);
  padding-top:var(--s3);
  border-top:1px solid var(--oat-deep);
  font-size:var(--t-xs);color:var(--ink-soft);
}

/* ── فهرس الفصول ─────────────────────────────────── */
.toc{margin-top:var(--s5)}
.toc__part{margin-bottom:var(--s7)}
.toc__part-head{
  display:flex;align-items:baseline;gap:var(--s3);
  padding-bottom:var(--s3);
  border-bottom:1px solid var(--oat-deep);
  margin-bottom:var(--s4);
}
.toc__part-no{
  font-size:var(--t-xs);letter-spacing:.2em;
  color:var(--oxblood);font-weight:500;
}
.toc__part-title{
  font-family:var(--display);font-size:var(--t-xl);font-weight:700;
}
.toc__item{
  display:flex;align-items:baseline;gap:var(--s3);
  padding-block:var(--s3);
  border-bottom:1px solid rgba(199,188,156,.5);
}
.toc__item:last-child{border-bottom:0}
.toc__num{
  flex:0 0 1.75rem;
  font-size:var(--t-sm);color:var(--oxblood);
  font-weight:500;font-variant-numeric:tabular-nums;
}
.toc__title{flex:1;font-size:var(--t-base);line-height:1.7}
.toc__page{
  font-size:var(--t-xs);color:var(--ink-soft);
  font-variant-numeric:tabular-nums;
  direction:ltr;unicode-bidi:isolate;
}

/* ── الشراء ──────────────────────────────────────── */
.vendors{display:grid;gap:var(--s3);margin-top:var(--s5)}
.vendor{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s4);flex-wrap:wrap;
  background:var(--oat-light);
  border:1px solid var(--oat-deep);
  padding:var(--s4) var(--s5);
  transition:border-color .18s;
}
.vendor:hover{border-color:var(--clay)}
.vendor__name{font-weight:500;font-size:var(--t-base)}
.vendor__note{font-size:var(--t-xs);color:var(--ink-soft);display:block;font-weight:300}

.meta-list{
  display:grid;gap:var(--s2);
  font-size:var(--t-sm);color:var(--ink-soft);
  margin-top:var(--s5);
}
.meta-list div{display:flex;gap:var(--s3)}
.meta-list dt{flex:0 0 7rem;color:var(--ink);font-weight:400}
.meta-list dd{direction:ltr;unicode-bidi:isolate;text-align:start}
.meta-list dd.rtl{direction:rtl}

/* ── النماذج ─────────────────────────────────────── */
.form{display:grid;gap:var(--s4);max-width:32rem;margin-top:var(--s5)}
.field{display:grid;gap:var(--s2)}
.field label{font-size:var(--t-sm);font-weight:400}
.field input,.field textarea,.field select{
  font-family:inherit;font-size:var(--t-base);font-weight:300;
  color:var(--ink);background:var(--paper);
  border:1px solid var(--oat-deep);border-radius:2px;
  padding:.7rem .9rem;
  transition:border-color .18s;
  width:100%;
}
.field textarea{min-height:9rem;resize:vertical;line-height:1.9}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--oxblood)}
.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}
.field__hint{font-size:var(--t-xs);color:var(--ink-soft)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.notice{
  background:var(--oat-light);
  border-inline-start:2px solid var(--oxblood);
  padding:var(--s4) var(--s5);
  font-size:var(--t-sm);line-height:1.95;
  color:var(--ink-soft);
}

/* ── صفحة قيد الإنشاء ────────────────────────────── */
.pending{
  text-align:center;
  padding-block:var(--s9);
  max-width:34rem;margin-inline:auto;
}
.pending .eyebrow{margin-bottom:var(--s5)}
.pending p{color:var(--ink-soft);margin-bottom:var(--s6)}

/* ── التذييل ─────────────────────────────────────── */
.site-footer{
  border-top:1px solid var(--oat-deep);
  margin-top:var(--s8);
  padding-block:var(--s7) var(--s6);
  position:relative;
  overflow:hidden;
}
.site-footer__field{
  position:absolute;inset-inline:0;bottom:0;
  height:180px;width:100%;
  pointer-events:none;opacity:.5;
}
.site-footer__field path{fill:none;stroke:var(--ink-soft);stroke-width:.5;opacity:.3}
.site-footer__field circle{fill:var(--oxblood);opacity:.6}
.site-footer__inner{position:relative;z-index:1}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:var(--s6);
  margin-bottom:var(--s6);
}
.footer-col h4{
  font-size:var(--t-xs);letter-spacing:.2em;
  color:var(--oxblood);font-weight:500;
  margin-bottom:var(--s3);
}
.footer-col ul{list-style:none;display:grid;gap:var(--s2)}
.footer-col a{font-size:var(--t-sm);color:var(--ink-soft)}
.footer-col a:hover{color:var(--oxblood)}
.footer-bottom{
  display:flex;justify-content:space-between;
  gap:var(--s4);flex-wrap:wrap;
  padding-top:var(--s5);
  border-top:1px solid var(--oat-deep);
  font-size:var(--t-xs);color:var(--ink-soft);
}
.footer-bottom .domain{direction:ltr;unicode-bidi:isolate}

/* ── مساعدات ─────────────────────────────────────── */
.skip-link{
  position:absolute;inset-inline-start:-9999px;top:0;
  background:var(--oxblood);color:var(--paper);
  padding:var(--s3) var(--s4);z-index:100;
}
.skip-link:focus{inset-inline-start:0;color:var(--paper)}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.mt-6{margin-top:var(--s6)}
.mb-0{margin-bottom:0}

/* ── نموذج التواصل والرسائل الواردة ─────────────────── */
.notice--ok{border-inline-start-color:#5C6B3A;color:var(--ink)}
.notice--err{border-inline-start-color:var(--oxblood);color:var(--ink)}
.inbox-item{background:var(--oat-light);border:1px solid var(--oat-deep);border-radius:2px;padding:var(--s4) var(--s5);margin-block:var(--s4)}
.inbox-item__head{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:baseline;font-size:var(--t-sm)}
.inbox-item__meta{color:var(--ink-soft);font-size:var(--t-xs)}
.inbox-item h3{margin-block:var(--s3) var(--s2)}
.inbox-item__body{white-space:pre-wrap;line-height:1.95}
.inbox-item__log{margin-top:var(--s3);font-size:var(--t-xs)}
.inbox-item__log summary{cursor:pointer;color:var(--oxblood)}
.inbox-item__log pre{background:var(--paper);border:1px solid var(--oat-deep);padding:var(--s3);margin-top:var(--s2);white-space:pre-wrap;word-break:break-all;text-align:left;font-size:.75rem;line-height:1.6;max-height:28rem;overflow:auto}

/* ── المعاينة ─────────────────────────────────────────── */
.samples{display:grid;gap:var(--s4)}
.sample{background:var(--oat-light);border:1px solid var(--oat-deep);border-radius:2px;padding:var(--s5)}
.sample h3{margin-block:var(--s2) var(--s3)}
.sample .card__foot{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}
.sample--pending{background:transparent;border-style:dashed}
.sample--pending h3{color:var(--ink-soft)}
.sample__soon{font-size:var(--t-sm);color:var(--ink-soft)}

/* ── أقسام قيد الإنشاء في القوائم ─────────────────── */
.nav .nav__soon{color:var(--ink-soft);opacity:.5;cursor:default;font-size:var(--t-sm);padding-block:var(--s1)}
.footer-col .soon{color:var(--ink-soft);opacity:.6}
.footer-col .soon::after{content:" · قريبًا";font-size:.7em}
.footer-credit{font-size:var(--t-xs);color:var(--ink-soft);margin-top:var(--s3)}
.footer-credit a{color:var(--ink-soft);border-bottom:1px solid var(--oat-deep)}
.footer-credit a:hover{color:var(--ink)}

/* ── الأقسام: تعقيبات · مراجعات · فعاليات · حلقات ─── */
.entries{display:grid;gap:var(--s5)}
.entry{background:var(--oat-light);border:1px solid var(--oat-deep);border-radius:2px;padding:var(--s5)}
.entry h3{margin-block:var(--s2) var(--s2)}
.entry h3 a{color:var(--ink)}
.entry h3 a:hover{color:var(--oxblood)}
.entry__by{font-size:var(--t-sm);color:var(--ink-soft);margin-bottom:var(--s3)}
.entry__excerpt{font-size:var(--t-base);line-height:1.95;color:var(--ink);border-inline-start:2px solid var(--oat-deep);padding-inline-start:var(--s4);margin-block:var(--s3)}
.entry .card__foot{display:flex;flex-wrap:wrap;gap:var(--s3)}
.entry__more{margin-top:var(--s4);font-size:var(--t-sm)}
.entry__more summary{cursor:pointer;color:var(--oxblood)}
.video{position:relative;aspect-ratio:16/9;background:var(--ink);margin-block:var(--s4)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ── نصّ منسّق من اللوحة (Markdown) ───────────────── */
.prose{line-height:2.05}
.prose p+p{margin-top:var(--s4)}
.prose h2,.prose h3,.prose h4{margin-top:var(--s6);margin-bottom:var(--s3)}
.prose h2{font-size:var(--t-2xl)}
.prose h3{font-size:var(--t-xl)}
.prose h4{font-size:var(--t-lg);font-family:var(--display)}
.prose blockquote{border-inline-start:2px solid var(--oxblood);padding-inline-start:var(--s4);margin-block:var(--s5);color:var(--ink-soft)}
.prose ul,.prose ol{padding-inline-start:var(--s6);margin-block:var(--s4)}
.prose li+li{margin-top:var(--s2)}
.prose hr{margin-block:var(--s6)}
.prose a{border-bottom:1px solid var(--clay)}
.prose--sm{font-size:var(--t-sm);line-height:1.95;margin-top:var(--s3)}

/* ── القائمة الفرعية في الهيدر ───────────────────── */
.nav__group{position:relative}
.nav__label{
  background:none;border:0;border-bottom:1px solid transparent;
  font-family:var(--body);font-size:var(--t-sm);font-weight:400;
  color:var(--ink-soft);
  padding:var(--s1) 0;line-height:inherit;
  cursor:pointer;white-space:nowrap;
}
.nav__label:hover,.nav__group:focus-within .nav__label{color:var(--ink)}
.nav__label.is-current{color:var(--oxblood);border-bottom-color:var(--oxblood);font-weight:500}
.nav__menu{
  display:none;list-style:none;
  position:absolute;top:100%;inset-inline-start:calc(-1 * var(--s4));
  min-width:13rem;
  background:var(--oat-light);
  border:1px solid var(--oat-deep);
  padding:var(--s2) var(--s4);
  z-index:30;
}
.nav__group:hover .nav__menu,
.nav__group:focus-within .nav__menu{display:block}
.nav__menu li+li{border-top:1px solid rgba(199,188,156,.6)}
.nav__menu a,.nav__menu .nav__soon{display:block;padding-block:var(--s2)}
.nav__menu a[aria-current=page]{border-bottom-color:transparent}

@media (max-width:900px){
  .nav__group{width:100%}
  .nav__label{
    display:block;width:100%;text-align:start;
    font-size:var(--t-xs);font-weight:500;letter-spacing:.2em;
    color:var(--oxblood);cursor:default;
    padding-block:var(--s4) var(--s1);
  }
  .nav__label.is-current{border-bottom-color:transparent}
  .nav__menu{
    display:block;position:static;min-width:0;
    background:none;border:0;padding:0;
  }
  .nav__menu li+li{border-top:0}
  .nav__menu a,.nav__menu .nav__soon{padding-block:var(--s3);border-bottom:1px solid var(--oat-deep)}
}

/* ── مصادر الكتاب ────────────────────────────────── */
.wide-measure{max-width:48rem}
.src-list{display:grid;gap:var(--s5);margin-top:var(--s6)}
.src-card{
  display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--s5);
  background:var(--oat-light);border:1px solid var(--oat-deep);
  padding:var(--s5);
  transition:border-color .18s;
}
.src-card:hover{border-color:var(--clay)}
.src-card h3{margin-block:var(--s1) var(--s1);line-height:1.6}
.src-card h3 a{color:var(--ink)}
.src-card h3 a:hover{color:var(--oxblood)}
.src-card .card__no{letter-spacing:.02em;font-variant-numeric:tabular-nums}
.src-card__by{font-size:var(--t-sm);color:var(--ink-soft)}
.src-card .card__foot{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}

.src-cover img{
  width:100%;
  box-shadow:0 1px 0 var(--oat-deep),0 10px 22px -12px rgba(33,26,22,.4);
}
.src-cover__blank{
  aspect-ratio:1/1.45;
  background:var(--paper);border:1px solid var(--oat-deep);
  display:grid;place-items:center;text-align:center;
  padding:var(--s3);
  font-family:var(--display);font-size:var(--t-sm);line-height:1.6;color:var(--ink-soft);
}
.src-cadence{margin-top:var(--s6);font-size:var(--t-sm);color:var(--ink-soft)}

.src-head{
  display:grid;grid-template-columns:11rem minmax(0,1fr);gap:var(--s6);
  align-items:start;
}
.src-head h1{font-size:var(--t-3xl);line-height:1.45;margin-bottom:var(--s2)}
.src-original{
  display:block;
  font-family:Georgia,"Times New Roman",serif;font-style:italic;
  font-size:var(--t-lg);line-height:1.6;color:var(--ink-soft);
  margin-bottom:var(--s4);
  text-align:right;
}
.src-byline{font-size:var(--t-base);color:var(--ink)}
.src-byline .muted{font-size:var(--t-sm)}

.src-block{margin-top:var(--s7)}
.src-block>h2{font-size:var(--t-2xl);margin-bottom:var(--s4)}
.src-biblio{margin-top:0}
.src-biblio dt{flex:0 0 9rem}
.src-biblio dd{direction:rtl}

.src-author{display:grid;grid-template-columns:minmax(0,1fr) 6rem;gap:var(--s5);align-items:start}
.src-author img{width:100%;filter:grayscale(1);border:1px solid var(--oat-deep)}
.src-author--noimg{grid-template-columns:minmax(0,1fr)}

.src-voice{
  background:var(--paper);
  border:1px solid var(--oat-deep);
  padding:var(--s6);
}
.src-voice>h2{margin-top:0}

.src-cites{list-style:none;display:grid;gap:var(--s5)}
.src-cites__chapter h3{font-size:var(--t-lg);margin-bottom:var(--s2)}
.src-cites__chapter h3 small{display:block;font-family:var(--body);font-weight:300;font-size:var(--t-sm);color:var(--ink-soft)}
.src-cite{list-style:none;padding-block:var(--s3);border-top:1px solid rgba(199,188,156,.6)}
.src-cite__where{font-size:var(--t-xs);color:var(--oxblood);font-weight:500;letter-spacing:.05em}
.src-cite .prose{margin-top:var(--s1);font-size:var(--t-sm);line-height:1.95}

.src-note{padding-block:var(--s5);border-top:1px solid var(--oat-deep)}
.src-note:first-of-type{border-top:0;padding-top:0}
.src-note time{display:block;font-size:var(--t-xs);color:var(--oxblood);font-weight:500;margin-bottom:var(--s2)}

.src-foot{
  margin-top:var(--s8);padding-top:var(--s5);
  border-top:1px solid var(--oat-deep);
  font-size:var(--t-sm);color:var(--ink-soft);
}
.src-related{margin-top:var(--s2);color:var(--ink)}
.src-pager{display:flex;justify-content:space-between;gap:var(--s5);margin-top:var(--s4)}
.src-pager a{display:block;max-width:48%}
.src-pager small{display:block;font-size:var(--t-xs);color:var(--ink-soft)}
.src-pager__next{text-align:end;margin-inline-start:auto}

@media (max-width:640px){
  .src-card{grid-template-columns:4.5rem minmax(0,1fr);gap:var(--s4);padding:var(--s4)}
  .src-head{grid-template-columns:1fr}
  .src-head .src-cover{max-width:9rem}
  .src-author{grid-template-columns:1fr}
  .src-author img{max-width:6rem;order:-1}
  .src-voice{padding:var(--s5)}
  .src-pager{flex-direction:column}
  .src-pager a{max-width:none}
  .src-pager__next{text-align:start;margin-inline-start:0}
}

/* ── امتدادات ────────────────────────────────────── */
.ext-track h2{font-size:var(--t-2xl);margin-bottom:var(--s2)}
.ext-track h2 a{color:var(--ink)}
.ext-track h2 a:hover{color:var(--oxblood)}
.ext-track+.ext-track{padding-top:var(--s6);border-top:1px solid var(--oat-deep)}
.ext-list{list-style:none;margin-top:var(--s3);display:grid;gap:var(--s2)}
.ext-list li{padding-block:var(--s2);border-bottom:1px solid rgba(199,188,156,.6)}
.ext-chapter h2{font-size:var(--t-xl);margin-bottom:var(--s4)}
.ext-chapter h2 small{display:block;font-family:var(--body);font-weight:300;font-size:var(--t-sm);color:var(--ink-soft)}
.ext-head h1{font-size:var(--t-3xl);line-height:1.45;margin-bottom:var(--s2)}
.lede-prose{font-size:var(--t-lg);color:var(--ink-soft)}
.ext-promoted{color:var(--oxblood)}
.ext-versions{list-style:none;display:grid;gap:var(--s2)}
.ext-versions li[aria-current]{color:var(--ink)}

.doc-toc{background:var(--oat-light);border:1px solid var(--oat-deep);padding:var(--s5)}
.doc-toc h2{font-size:var(--t-lg);margin-bottom:var(--s2)}
.doc-toc ol{padding-inline-start:var(--s5);display:grid;gap:var(--s1);font-size:var(--t-sm)}

.doc h2{scroll-margin-top:var(--s5)}
.doc-table{overflow-x:auto;margin-block:var(--s5)}
.doc-table table{width:100%;border-collapse:collapse;font-size:var(--t-sm);line-height:1.8;background:var(--oat-light)}
.doc-table th,.doc-table td{border:1px solid var(--oat-deep);padding:var(--s2) var(--s3);text-align:start;vertical-align:top}
.doc-table th{background:var(--oat);font-weight:500}
.fnref{font-size:.72em;line-height:0}
.fnref a{border:0;padding-inline:.1em}
.footnotes{margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--oat-deep);font-size:var(--t-sm);line-height:1.9;color:var(--ink-soft)}
.footnotes li+li{margin-top:var(--s2)}
.footnotes li:target{color:var(--ink)}
.fnback{font-size:var(--t-xs);border:0}

.ext-meta{margin-top:var(--s8);padding:var(--s6);background:var(--paper);border:1px solid var(--oat-deep)}
.ext-meta h2{font-size:var(--t-xl);margin-bottom:var(--s3)}
.ext-meta h3{font-size:var(--t-base);font-family:var(--body);font-weight:500;margin-top:var(--s5);margin-bottom:var(--s2)}
.ext-meta__list{margin-top:0}
.ext-meta__list dd{direction:rtl}
.ext-meta__list a.ltr{word-break:break-all}
.ext-cite{font-size:var(--t-sm);line-height:1.9;background:var(--oat-light);border-inline-start:2px solid var(--oat-deep);padding:var(--s3) var(--s4);user-select:all}
.ext-cite--latin{font-family:Georgia,"Times New Roman",serif;text-align:left}
.ext-cite__label{display:block;font-family:var(--body);font-size:var(--t-xs);color:var(--oxblood);font-weight:500;user-select:none}
@media (max-width:640px){.ext-meta{padding:var(--s5)}}

/* ── معجم المفاهيم: الخريطة ──────────────────────── */
.lex-figure{margin-top:var(--s6)}
.lex-map{display:block;width:100%;height:auto;overflow:visible;font-family:var(--body)}
.lex-map text{font-family:var(--body);fill:var(--ink)}
.lex-part{font-size:12px;font-weight:500;fill:var(--oxblood) !important;letter-spacing:.02em}
.lex-chap{font-size:12px;fill:var(--ink-soft) !important;font-variant-numeric:tabular-nums}
.lex-label{font-size:14px;font-weight:500;paint-order:stroke;stroke:var(--oat);stroke-width:5px;stroke-linejoin:round}
.lex-dot{fill:var(--ink);fill-opacity:.82}
.lex-node a{cursor:pointer}
.lex-node a:focus{outline:none}
.lex-node a:focus-visible .lex-label{text-decoration:underline}
/* التحديد والإبراز */
.lex-node.is-selected .lex-dot{fill:var(--oxblood);fill-opacity:1}
.lex-node.is-selected .lex-label{fill:var(--oxblood)}
.lex-map.is-focus .lex-node{opacity:.14;transition:opacity .15s}
.lex-map.is-focus .lex-node.is-on{opacity:1}
.lex-map .lex-node.is-hot .lex-dot{fill:var(--oxblood);fill-opacity:1}
.lex-map .lex-node.is-hot .lex-label{fill:var(--oxblood)}
@media (prefers-reduced-motion:reduce){.lex-map.is-focus .lex-node{transition:none}}
/* الشاشات الضيّقة: قائمة بالفصول بدل الخريطة */
.lex-map-list{display:none;list-style:none}
.lex-map-list li{padding-block:var(--s3);border-bottom:1px solid var(--oat-deep)}
.lex-map-list__ch{display:block;font-size:var(--t-xs);color:var(--oxblood);font-weight:500;margin-bottom:var(--s1)}
.lex-map-list__c{display:inline-block;margin-inline-end:var(--s3);color:var(--ink)}
.lex-map-list__c.is-selected{color:var(--oxblood)}
@media (max-width:640px){.lex-map{display:none}.lex-map-list{display:block}}

/* ── معجم المفاهيم: القائمة والمرشّح وصفحة المفهوم ── */
.lex-node.is-out{opacity:.12}
.lex-filter{display:flex;flex-wrap:wrap;gap:var(--s2)}
.lex-filter button{font-family:var(--body);font-size:var(--t-sm);background:none;border:1px solid var(--oat-deep);border-radius:2px;color:var(--ink-soft);padding:.35rem .9rem;cursor:pointer}
.lex-filter button[aria-pressed=true]{border-color:var(--oxblood);color:var(--oxblood)}
.lex-index{margin-top:var(--s6)}
.lex-group h2{font-size:var(--t-xl);margin-bottom:var(--s1)}
.lex-rows{list-style:none;margin-top:var(--s3);columns:2 24rem;column-gap:var(--s7)}
.lex-rows li{break-inside:avoid;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem var(--s3);padding-block:var(--s2);border-bottom:1px solid rgba(199,188,156,.6)}
.lex-rows a{color:var(--ink);font-weight:500}
.lex-rows a:hover{color:var(--oxblood)}
.lex-rows__orig{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:var(--t-sm);color:var(--ink-soft);unicode-bidi:isolate}
.lex-rows__ch{font-size:var(--t-xs);color:var(--ink-soft);margin-inline-start:auto;font-variant-numeric:tabular-nums}
.lex-primary{font-family:var(--body);font-size:var(--t-xs);font-weight:500;color:var(--oxblood);margin-inline-start:var(--s2)}
.lex-passage{border-inline-start:2px solid var(--oat-deep);padding-inline-start:var(--s4);margin-block:var(--s2) var(--s3);font-size:var(--t-sm);line-height:1.95;color:var(--ink-soft)}
.lex-rels{list-style:none;display:grid;gap:var(--s3)}
.lex-rels li{line-height:1.9}
.lex-rels__note{display:block;font-size:var(--t-sm);color:var(--ink-soft)}

/* ── معجم المفاهيم: الخريطة الشبكية (نموذج) ─────── */
.lex-net{max-width:56rem;margin-inline:auto}
.net-ring{fill:none;stroke:var(--oat-deep);stroke-width:1}
.net-tick{stroke:var(--ink-soft);stroke-width:1;opacity:.5}
.net-part{fill:none;stroke:var(--oxblood);stroke-width:1.2;opacity:.45}
.lex-edge{fill:none;stroke:var(--ink);stroke-width:.9;stroke-opacity:.22}
.lex-map.is-focus .lex-edge{stroke-opacity:.05}
.lex-map.is-focus .lex-edge.is-on{stroke:var(--oxblood);stroke-opacity:.8;stroke-width:1.4}