/* خط ثمانية — ملفات محلية في مجلد fonts */
  @font-face{font-family:"Thmanyah Serif Display";src:url("/fonts/thmanyah-serif-display-Light.woff2") format("woff2");font-weight:300;font-display:swap}
  @font-face{font-family:"Thmanyah Serif Display";src:url("/fonts/thmanyah-serif-display-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"Thmanyah Serif Text";src:url("/fonts/thmanyah-serif-text-Light.woff2") format("woff2");font-weight:300;font-display:swap}
  @font-face{font-family:"Thmanyah Serif Text";src:url("/fonts/thmanyah-serif-text-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"Thmanyah Serif Text";src:url("/fonts/thmanyah-serif-text-Medium.woff2") format("woff2");font-weight:500;font-display:swap}

  :root{
    color-scheme: dark;
    /* لوحة الألوان: Midnight Teal · Fiery Orange */
    --teal:#041620;          /* بترولي ليلي */
    --orange:#eb5329;        /* برتقالي ناري */
    --teal-2:#0a2230;        /* سطح أفتح قليلاً من البترولي */
    --teal-line:#1c3442;     /* خطوط فاصلة */
    --cream:#f1e8df;         /* نص فاتح دافئ */
    --fog:#93a3ab;           /* نص ثانوي */

    --ink:var(--teal);
    --ink-2:var(--teal-2);
    --line:var(--teal-line);
    --gold:var(--orange);
    --heading:var(--cream);
    --cocoa:var(--orange);
    --olive:var(--orange);
    --espresso:var(--orange);    /* الزر الأساسي */
    --camel:var(--orange);
    --khaki:var(--teal-line);
    --linen:var(--teal);         /* نص الزر الأساسي */
    --olive-deep:var(--orange);  /* أغلفة الكتب */
    --on-olive:var(--teal);
    --cover-gold:var(--teal);    /* عناوين الأغلفة */
    --blush:#f27a55;             /* حالة التمرير */
    --taupe-deep:var(--teal);
    --slate:var(--orange);
    --slate-deep:var(--cream);
    --driftwood:var(--orange);
    --mist:var(--teal-2);
    --sand:var(--teal-line);
    --text:#d9d2ca;
    --muted:var(--fog);
    --display:"Thmanyah Serif Display","Thmanyah Serif Text","Traditional Arabic",serif;
    --body:"Thmanyah Serif Text","Thmanyah Serif Display","Traditional Arabic",serif;
  }
  /* لوحات سابقة للرجوع إليها:
     Linen–Espresso: #f5f1ea · #d7c9b8 · #b2967d · #7d5a44 · #4a342a
     Pearly–Taupe:   #f9f6f1 · #e1c1b6 · #d6bd9f · #b8b2aa · #8e7e73
     Coastal:        #ede7e0 · #c9bcad · #8f8476 · #5e6c74 · #cbd5db */
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;background:var(--ink);color:var(--text);
    font-family:var(--body);font-weight:300;font-size:18px;line-height:2;
    direction:rtl;padding-inline:20px;
  }
  a{color:inherit}
  :focus-visible{outline:1px solid var(--gold);outline-offset:4px}
  .wrap{max-width:980px;margin-inline:auto}

  /* الشريط العلوي */
  .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    padding-block:22px;border-bottom:1px solid var(--line)}
  .brand{font-family:var(--display);font-size:22px;color:var(--heading);text-decoration:none;letter-spacing:.2px}
  .nav{display:flex;gap:22px;flex-wrap:wrap;font-size:16px}
  .nav a{text-decoration:none;color:var(--muted);padding-block:4px;border-bottom:1px solid transparent}
  .nav a:hover,.nav a[aria-current="page"]{color:var(--heading);border-bottom-color:var(--gold)}

  /* الزخرفة */
  .rule{display:flex;align-items:center;gap:14px;color:var(--gold);margin-block:8px}
  .rule::before,.rule::after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,var(--gold) 50%,transparent)}
  .rule span{font-size:14px;line-height:1}

  /* الواجهة */
  .hero{display:grid;grid-template-columns:1fr 220px;gap:48px;align-items:center;padding-block:64px 40px}
  .eyebrow{color:var(--olive);font-size:15px;letter-spacing:.5px;margin:0}
  h1{font-family:var(--display);font-weight:300;color:var(--heading);font-size:clamp(40px,7vw,68px);
    line-height:1.35;margin:6px 0 12px;text-wrap:balance}
  .lead{color:var(--muted);font-size:19px;max-width:34em;margin:0}
  .portrait{aspect-ratio:3/4;max-width:100%;border:1px solid var(--gold);padding:8px;position:relative}
  .portrait div{height:100%;background:linear-gradient(160deg,var(--teal-2),#12303f);
    display:grid;place-items:center;color:var(--cocoa);font-family:var(--display);font-size:64px}
  .portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
  .portrait small{position:absolute;bottom:-28px;inset-inline:0;text-align:center;font-size:13px;color:var(--muted)}

  .ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
  .btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:17px;
    padding:10px 26px;border:1px solid var(--espresso);background:var(--espresso);color:var(--linen);transition:background .25s,color .25s,border-color .25s}
  .btn:hover{background:var(--blush);border-color:var(--blush);color:var(--taupe-deep)}
  .btn.alt{border-color:var(--camel);color:var(--espresso);background:transparent}
  .btn.alt:hover{background:var(--blush);border-color:var(--blush);color:var(--taupe-deep)}

  /* السيرة المختصرة */
  section{padding-block:40px}
  h2{font-family:var(--display);font-weight:300;color:var(--heading);font-size:32px;margin:0 0 20px;text-wrap:balance}
  .cv{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
  .cv > div{padding:22px 0 22px 24px;border-bottom:1px solid var(--line)}
  .cv > div + div{padding-inline-start:24px;border-inline-start:1px solid var(--line)}
  .cv h3{font-size:15px;color:var(--olive);font-weight:500;margin:0 0 8px;letter-spacing:.4px}
  .cv ul{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.9}
  .cv li + li{margin-top:8px}
  .yr{color:var(--cocoa);font-variant-numeric:tabular-nums;margin-inline-end:6px}
  .ph{color:var(--muted);font-size:13px;border:1px dashed var(--line);padding:0 8px;display:inline-block}

  /* قوائم الكتب */
  .page-head{padding-block:56px 16px}
  .page-head p{color:var(--muted);margin:0;max-width:40em}
  .books{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-block:24px 56px}
  .book{text-decoration:none;display:flex;flex-direction:column;gap:12px}
  .cover{aspect-ratio:2/3;max-width:100%;background:var(--olive-deep);border:1px solid var(--line);
    display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;position:relative;transition:border-color .25s,transform .25s}
  .cover::after{content:"";position:absolute;inset:8px;border:1px solid rgba(4,22,32,.35);pointer-events:none}
  .cover.has-img{padding:0;overflow:hidden;background:var(--line)}
  .cover.has-img::after{display:none}
  .cover.has-img img{width:100%;height:100%;object-fit:cover;display:block}
  .book:hover .cover{border-color:var(--gold);transform:translateY(-3px)}
  .cover b{font-family:var(--display);font-weight:400;color:var(--cover-gold);font-size:22px;line-height:1.6}
  .cover i{font-style:normal;font-size:13px;color:rgba(4,22,32,.7)}
  .book .meta{font-size:15px;color:var(--muted);line-height:1.7}
  .book .meta strong{display:block;color:var(--text);font-weight:400;font-size:17px}

  /* صفحة الكتاب */
  .detail{display:grid;grid-template-columns:240px 1fr;gap:48px;padding-block:48px 64px;align-items:start}
  .facts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px;margin:20px 0;color:var(--muted)}
  .facts dt{color:var(--olive)} .facts dd{margin:0;color:var(--text)}
  .prose p{margin:0 0 1em;max-width:36em}
  .toc{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
  .toc ol{margin:0;padding-inline-start:22px;color:var(--muted);font-size:16px}
  .toc-part + .toc-part{margin-top:14px}
  .toc-part h4{font-size:16px;font-weight:400;color:var(--text);margin:0 0 4px}
  .toc-part ul{list-style:none;margin:0;padding-inline-start:14px;color:var(--muted);font-size:15px;line-height:1.9}
  .back{display:inline-block;margin-top:28px;color:var(--cocoa);text-decoration:none;font-size:15px}

  /* الملخصات */
  .sums{display:flex;flex-direction:column;padding-block:16px 56px}
  .sum{display:grid;grid-template-columns:1fr auto;gap:12px 24px;padding-block:24px;border-bottom:1px solid var(--line);text-decoration:none}
  .sum h3{font-family:var(--display);font-weight:300;font-size:24px;color:var(--heading);margin:0}
  .sum p{grid-column:1/-1;margin:0;color:var(--muted);font-size:16px;max-width:44em}
  .tag{align-self:center;font-size:13px;color:var(--olive);border:1px solid var(--olive);padding:0 10px}
  .sum:hover h3{color:var(--cocoa)}

  footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:14px;text-align:center}

  [data-view]{animation:fade .5s ease both}
  @keyframes fade{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

  @media (max-width:760px){
    body{font-size:17px;padding-inline:16px}
    .hero{grid-template-columns:1fr;gap:28px;padding-block:40px 24px}
    .portrait{width:160px;order:-1}
    .cv{grid-template-columns:1fr}
    .cv > div,.cv > div + div{padding-inline:0;border-inline-start:0}
    .books{grid-template-columns:repeat(2,1fr);gap:18px}
    .detail{grid-template-columns:1fr;gap:28px}
    .detail .cover{width:180px}
  }

  /* أرقام السيرة */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid var(--line);margin-block:8px 24px}
  .stats > div{padding:18px 16px;display:flex;flex-direction:column;gap:2px}
  .stats > div + div{border-inline-start:1px solid var(--line)}
  .stats b{font-family:var(--display);font-weight:300;font-size:30px;color:var(--heading);font-variant-numeric:tabular-nums;line-height:1.4}
  .stats span{font-size:14px;color:var(--muted);line-height:1.6}
  .more{display:inline-block;margin-top:20px;color:var(--cocoa);text-decoration:none;border-bottom:1px solid var(--gold)}
  .more:hover{color:var(--heading)}

  /* السيرة الكاملة */
  .cv-full{display:grid;grid-template-columns:220px 1fr;gap:48px;padding-block:24px 56px;align-items:start}
  .cv-nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.7}
  .cv-nav a{color:var(--muted);text-decoration:none;padding:4px 12px;border-inline-start:1px solid var(--line)}
  .cv-nav a:hover{color:var(--heading);border-inline-start-color:var(--gold)}
  .cv-sec{padding-block:8px 28px;border-bottom:1px solid var(--line);margin-bottom:24px;scroll-margin-top:24px}
  .cv-sec h3{font-family:var(--display);font-weight:300;font-size:26px;color:var(--heading);margin:0 0 12px}
  .cv-sec h4,.curr h4{font-size:16px;font-weight:500;color:var(--cocoa);margin:18px 0 6px}
  .cv-sec ul,.curr ul{margin:0;padding-inline-start:20px;font-size:16px;line-height:1.9;max-width:46em}
  .cv-sec li + li,.curr li + li{margin-top:6px}
  .cv-sec li::marker,.curr li::marker{color:var(--gold)}
  .mail{direction:ltr;unicode-bidi:isolate;color:var(--cocoa);user-select:all}

  /* كتب المناهج */
  .curr{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 48px;padding-bottom:40px}
  .curr small{color:var(--muted);font-weight:300}
  .pdf-note{font-size:14px;color:var(--muted);margin:10px 0 0}
  .toc h3{margin:0 0 8px;font-weight:500;color:var(--cocoa);font-size:16px}

  /* صفحة الملخص */
  .summary{max-width:760px}
  .s-lead{font-family:var(--display);font-weight:300;font-size:24px;line-height:1.9;color:var(--heading);margin:24px 0 8px;text-wrap:pretty}
  .s-sec{padding-block:24px;border-bottom:1px solid var(--line)}
  .s-sec h3{font-family:var(--display);font-weight:400;font-size:24px;color:var(--heading);margin:0 0 12px}
  .s-sec p{margin:0 0 1em}
  .concepts{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;margin:0}
  .concepts dt{color:var(--cocoa);font-weight:500;white-space:nowrap}
  .concepts dd{margin:0}
  .parts{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:0;border:1px solid var(--line)}
  .parts > div{padding:14px;display:flex;flex-direction:column;gap:4px}
  .parts > div + div{border-inline-start:1px solid var(--line)}
  .parts b{font-weight:400;color:var(--heading);line-height:1.6}
  .parts span{font-size:13px;color:var(--muted)}
  .chapters{list-style:none;margin:0;padding:0}
  .chapters li{padding-block:16px;border-top:1px solid var(--line)}
  .chapters li:first-child{border-top:0;padding-top:0}
  .ch-n{font-size:13px;color:var(--cocoa);letter-spacing:.3px}
  .chapters h4{font-family:var(--display);font-weight:400;font-size:20px;color:var(--heading);margin:2px 0 6px}
  .chapters p{margin:0;font-size:17px}
  .model{display:grid;grid-template-columns:2fr 1fr;gap:24px}
  .model h4{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 8px}
  .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
  .chips li{border:1px solid var(--slate);color:var(--slate-deep);padding:2px 14px;font-size:15px;line-height:1.9}
  .chips li.arr,.chips.alt li.arr{border:0;background:none;padding:2px 0;color:var(--muted)}
  .chips.alt li{border-color:var(--driftwood);background:var(--mist);border-color:transparent}

  @media (max-width:760px){
    .stats{grid-template-columns:repeat(2,1fr)}
    .stats > div:nth-child(3){border-inline-start:0}
    .stats > div:nth-child(n+3){border-top:1px solid var(--line)}
    .cv-full{grid-template-columns:1fr;gap:16px}
    .cv-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
    .cv-nav a{border:1px solid var(--line);padding:2px 10px}
    .curr{grid-template-columns:1fr}
    .parts{grid-template-columns:1fr 1fr}
    .parts > div{border-top:1px solid var(--line)}
    .parts > div + div{border-inline-start:0}
    .concepts{grid-template-columns:1fr;gap:2px}
    .concepts dd{margin-bottom:12px}
    .model{grid-template-columns:1fr}
  }