/* منجزي v3 — إضافات على مستوى الموقع فقط. لا تعدّل نظام التصميم: كل ما هنا ناقص منه.
   لا ظلال ولا تمويه ولا تدرجات. خصائص منطقية فقط. */
:root{--f-display:'Tajawal','Cairo',system-ui,sans-serif;--f-body:'Tajawal','Cairo',system-ui,sans-serif}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-size:1.125rem}
.skip{position:absolute;inset-inline-start:var(--s4);top:-80px;z-index:9;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s4);background:var(--ink);color:var(--card);border-radius:var(--r-s)}
.skip:focus{top:var(--s4)}
header .menu{display:flex;gap:var(--s1);list-style:none;margin:0;padding:0}
header .menu a,.logo{display:inline-flex;align-items:center;min-height:var(--tap);min-width:var(--tap);padding:0 var(--s3);border-radius:var(--r-pill);font-weight:700;text-decoration:none}
header .menu a:hover{background:var(--card)}
@media(max-width:560px){.hide-s{display:none}}
main:focus{outline:none}
.hero{padding-block:var(--s7) var(--s6);max-width:62rem}
.lead{margin-block:var(--s5);max-width:62ch;color:var(--ink-2);font-size:1.2rem}
.hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s6)}
.sec-t{font-size:var(--t-h1);margin-block-start:var(--s7)}
.sec-lead{color:var(--ink-2);margin-block:var(--s2) var(--s5);max-width:62ch}
/* الحكاية: نص متصل لا بطاقة */
.tale{margin-block:var(--s7) var(--s8)}
.tale .chapter{margin-block:0 var(--s4)}.tale .chapter .no{background:var(--c)}
.kicker{font-weight:700;color:var(--ink-2);font-size:var(--t-small)}
.tale h2{font-size:var(--t-h1);margin-block:var(--s2) var(--s5);max-width:22ch}
.tale-body{display:grid;gap:var(--s6)}
@media(min-width:900px){.tale-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.tale-art{position:sticky;top:var(--s5)}}
.tale-text{max-width:62ch}
.beat{padding-inline-start:var(--s5);border-inline-start:var(--bw) dashed var(--ink);padding-block-end:var(--s5)}
.beat h3{display:flex;align-items:center;gap:var(--s3);margin-block-end:var(--s2);font-size:1.35rem}
.beat p+p,.beat ul+p{margin-block-start:var(--s3)}
.step{display:grid;place-items:center;width:36px;height:36px;border:var(--bw) solid var(--ink);border-radius:50%;background:var(--c);font-size:1rem;margin-inline-start:calc(-1 * var(--s5) - 19px)}
.beats{margin:var(--s3) 0 0;padding-inline-start:var(--s5)}
.tale-art{margin:0}.tale-art .art{border:var(--bw) solid var(--ink);border-radius:var(--r-l);background:var(--c);display:grid;place-items:center;aspect-ratio:10/7;padding:var(--s5)}
.tale-art svg{width:min(100%,320px);height:auto}
.tale-art figcaption{font-size:var(--t-small);color:var(--ink-2);margin-block-start:var(--s2)}
.tale .say{margin-block:var(--s6) var(--s5);max-width:52ch;font-weight:700;font-size:1.3rem}
.techbox{margin-block-start:var(--s4);max-width:62ch}
.techbox summary{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s4);border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background:var(--card);font-weight:700;cursor:pointer}
.techbox p{margin-block:var(--s3)}
.stack{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;padding:0;margin:0}
/* بقية الدفتر: فهرس نصي */
.toc{display:grid;gap:var(--s6)}@media(min-width:900px){.toc{grid-template-columns:repeat(3,1fr)}}
.toc h3{border-block-end:var(--bw) dashed var(--ink);padding-block-end:var(--s2);margin-block-end:var(--s3)}
.toc ul{margin:0;padding-inline-start:var(--s5)}.toc li{margin-block-end:var(--s2)}
.why{list-style:none;padding:0;margin:0;display:grid;gap:var(--s5);counter-reset:w}
@media(min-width:900px){.why{grid-template-columns:repeat(3,1fr)}}
.why li{border-block-start:var(--bw) solid var(--ink);padding-block-start:var(--s4)}.why h3{margin-block-end:var(--s2)}
footer.end{margin-block-end:var(--s7)}footer.end h2{font-size:var(--t-h2);margin-block-end:var(--s2)}
footer.end .btn{background:var(--card)}