:root{--ink:#0d1117;--paper:#f4efe6;--sand:#e8dfcf;--gold:#c8973f;--nile:#1f5f5b;--red:#a33a2b;--amber:#c47f17;--line:#d6cab4;--mut:#5b5446}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
[dir=rtl] body,[dir=rtl]{font-family:"IBM Plex Sans Arabic",Inter,sans-serif}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.15;margin:.2em 0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Amiri,"IBM Plex Sans Arabic",serif}
a{color:inherit}.top{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:1.5rem;padding:.8rem 4vw;background:rgba(13,17,23,.96);color:#f4efe6;backdrop-filter:blur(8px)}
.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none}.mark{width:34px;height:34px;color:var(--gold)}.brand b{display:block;font-family:Fraunces,serif;font-size:1.05rem;letter-spacing:.02em}[dir=rtl] .brand b{font-family:Amiri,serif;font-size:1.3rem}.brand small{opacity:.6;font-size:.72rem}
nav{display:flex;gap:1.1rem;margin-inline-start:auto;flex-wrap:wrap}nav a{text-decoration:none;font-size:.88rem;opacity:.75;padding:.3rem 0;border-bottom:2px solid transparent}nav a.on,nav a:hover{opacity:1;border-color:var(--gold)}
.lang{background:var(--gold);color:var(--ink);border:0;padding:.45rem .9rem;font-weight:600;cursor:pointer;border-radius:2px}.menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.hero{background:radial-gradient(1200px 500px at 80% -10%,#1f5f5b55,transparent),linear-gradient(160deg,#0d1117,#1a1d24);color:#f4efe6;padding:5rem 4vw 4rem;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -10% -40% auto;width:520px;height:520px;border:1px solid #c8973f44;transform:rotate(45deg)}
.hero .k{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}[dir=rtl] .hero .k{letter-spacing:0}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);max-width:18ch}.hero p{max-width:60ch;opacity:.8;font-size:1.1rem}
.live{display:inline-flex;gap:.5rem;align-items:center;font-size:.8rem;border:1px solid #ffffff33;padding:.3rem .7rem;border-radius:99px}.live i{width:8px;height:8px;border-radius:50%;background:#e5484d;animation:p 1.5s infinite}@keyframes p{50%{opacity:.2}}
.wrap{padding:3.5rem 4vw;max-width:1280px;margin:auto}.sec-h{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:1.6rem}.sec-h a{font-size:.85rem}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-2.5rem;position:relative;z-index:2}
.fig{background:#fffdf8;padding:1.4rem}.fig b{display:block;font:700 2.4rem Fraunces,serif;color:var(--nile)}.fig span{font-size:.92rem}.fig a{display:block;font-size:.72rem;color:var(--mut);margin-top:.4rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}
.card{background:#fffdf8;border:1px solid var(--line);padding:1.4rem;transition:.25s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0d111718}
.meta{font-size:.75rem;color:var(--mut);display:flex;gap:.6rem;align-items:center}.tag{background:var(--sand);padding:.1rem .5rem;font-weight:600;color:var(--nile)}
.card h3{font-size:1.2rem;margin:.6rem 0}.src{font-size:.8rem;color:var(--nile);font-weight:600}
.badge{display:inline-block;padding:.25rem .7rem;font-weight:700;font-size:.78rem;color:#fff;text-transform:uppercase;letter-spacing:.05em}.false{background:var(--red)}.misleading{background:var(--amber)}.true{background:var(--nile)}
.claim{font-family:Fraunces,serif;font-size:1.25rem;font-style:italic}[dir=rtl] .claim{font-family:Amiri,serif;font-style:normal;font-size:1.35rem}
.filters{display:flex;gap:.5rem;margin-bottom:1.2rem}.filters button{border:1px solid var(--ink);background:none;padding:.4rem 1rem;cursor:pointer;font:inherit}.filters button.on{background:var(--ink);color:#fff}
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;background:var(--ink);color:#f4efe6;padding:2.5rem}.feature h2{font-size:2rem}.feature .k{color:var(--gold)}
article.paper{max-width:760px;margin:auto;font-size:1.08rem}article.paper p{margin:1.1rem 0}article.paper h1{font-size:2.5rem}
.sc{border-top:5px solid var(--nile)}.prob{height:8px;background:var(--sand);margin:.8rem 0}.prob i{display:block;height:100%;background:linear-gradient(90deg,var(--nile),var(--gold))}
.sc ul{padding-inline-start:1.1rem;font-size:.9rem}.note{font-size:.85rem;color:var(--mut);border-inline-start:3px solid var(--gold);padding-inline-start:.8rem}
.tl{position:relative;padding-inline-start:2rem}.tl:before{content:"";position:absolute;inset-inline-start:.45rem;top:0;bottom:0;width:2px;background:linear-gradient(var(--gold),var(--nile))}
.ev{position:relative;margin-bottom:1.2rem;padding:1rem 1.2rem;background:#fffdf8;border:1px solid var(--line);cursor:pointer;opacity:0;transform:translateY(12px);transition:.5s}.ev.in{opacity:1;transform:none}
.ev:before{content:"";position:absolute;inset-inline-start:-1.95rem;top:1.2rem;width:12px;height:12px;border-radius:50%;background:var(--gold);border:3px solid var(--paper)}.ev b{color:var(--nile);font-family:Fraunces,serif}
.ev:hover,.ev.act{border-color:var(--gold);background:#fff}
footer{background:var(--ink);color:#f4efe6aa;padding:2rem 4vw;font-size:.85rem}
@media(max-width:860px){nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--ink);flex-direction:column;padding:1rem 4vw}nav.open{display:flex}.menu{display:block}.lang{margin-inline-start:auto}.feature{grid-template-columns:1fr}}
/* ---- v2 refinement ---- */
body{font-size:17px;line-height:1.7}[dir=rtl] body{font-size:17.5px;line-height:1.9}
.top{height:68px;padding:0 max(4vw,20px);border-bottom:1px solid #c8973f33}
nav{gap:.25rem}nav a{padding:.45rem .8rem;border:0;border-radius:4px;font-size:.9rem;opacity:.8}nav a:hover{background:#ffffff12;opacity:1}nav a.on{background:#c8973f22;color:var(--gold);opacity:1;box-shadow:inset 0 -2px 0 var(--gold)}
.lang{border-radius:4px;font-size:.85rem}
.wrap{padding:4rem max(4vw,20px);max-width:1240px}.wrap+.wrap{padding-top:0}
.sec-h{border-bottom:1px solid var(--line);position:relative;margin-bottom:2rem;padding-bottom:.9rem}.sec-h:after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:64px;height:3px;background:var(--gold)}
.sec-h h1,.sec-h h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0}.sec-h a{text-decoration:none;color:var(--nile);font-weight:600;white-space:nowrap}
.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{display:flex;flex-direction:column;border-radius:6px;padding:1.6rem}.card h3{font-size:1.18rem;line-height:1.35}[dir=rtl] .card h3{font-size:1.3rem;line-height:1.5}
.card p{margin:.4rem 0 1rem;color:#2b2a26;font-size:.95rem}.card .src{margin-top:auto;padding-top:.9rem;border-top:1px dashed var(--line);text-decoration:none}
.badge{border-radius:3px;align-self:flex-start}.hero{padding:6rem max(4vw,20px) 5.5rem}.hero>*{max-width:1240px;margin-inline:auto}.hero h1{max-width:20ch;margin:1rem 0}[dir=rtl] .hero h1{line-height:1.35}
.figs{border-radius:6px;overflow:hidden;box-shadow:0 20px 40px #0d111714;grid-template-columns:repeat(5,1fr)}
.feature{border-radius:8px;padding:3rem;align-items:center}.feature>div:last-child{opacity:.85;border-inline-start:1px solid #ffffff22;padding-inline-start:2rem}
.filters{flex-wrap:wrap}.filters button{border-radius:99px}
footer{text-align:center}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.figs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.top{gap:.8rem}nav{top:68px;gap:.2rem;box-shadow:0 20px 30px #0008}nav a{padding:.8rem 1rem;font-size:1rem}.brand small{display:none}}
@media(max-width:600px){body{font-size:16px}.grid{grid-template-columns:1fr}.figs{grid-template-columns:1fr 1fr}.fig b{font-size:1.9rem}.hero{padding:3.5rem 20px 4rem}.wrap{padding:2.8rem 20px}.feature{padding:1.8rem}.feature>div:last-child{border:0;padding:0}.feature h2{font-size:1.5rem}.hero:after{display:none}.brand b{font-size:.95rem}article.paper h1{font-size:1.9rem}}
/* ---- v3 motion: one language. ease = expo-out, durations 1/2/3 units, everything rises from below ---- */
:root{--ease:cubic-bezier(.16,1,.3,1);--t1:.4s;--t2:.8s;--t3:1.6s;--rise:22px}
.hero{min-height:520px;display:flex;flex-direction:column;justify-content:center}
.hero:after{display:none}
.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(600px 300px at 20% 30%,#c8973f22,transparent 60%),radial-gradient(700px 400px at 85% 70%,#1f5f5b40,transparent 60%);animation:drift 24s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{to{transform:translate3d(-4%,3%,0) scale(1.08)}}
.nile{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nile path{fill:none;stroke:#c8973f;stroke-width:1;opacity:.35;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 3.2s var(--ease) .6s forwards}.nile path+path{stroke:#3f9a93;animation-delay:.9s}
.pyr{position:absolute;inset-inline-end:6vw;top:50%;width:min(34vw,420px);transform:translateY(-50%);pointer-events:none;color:var(--gold)}
.pyr path,.pyr line{fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:draw var(--t3) var(--ease) forwards;animation-delay:var(--d)}
.pyr .fillp{fill:url(#gg);stroke:none;opacity:0;animation:fade var(--t3) var(--ease) 2.1s forwards}
.pyr .glow{filter:drop-shadow(0 0 12px #c8973f88)}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:.9}}
.hero>.live,.hero>.k,.hero>h1,.hero>p{position:relative;z-index:1;opacity:0;transform:translateY(var(--rise));animation:up var(--t2) var(--ease) forwards}
.hero>.live{animation-delay:.2s}.hero>.k{animation-delay:.35s}.hero>h1{animation-delay:.5s;clip-path:inset(0 0 100% 0);animation-name:wipe}.hero>p:last-of-type{animation-delay:.8s}
@keyframes up{to{opacity:1;transform:none}}@keyframes wipe{to{opacity:1;transform:none;clip-path:inset(0 0 -10% 0)}}
.brand .mark path{stroke-dasharray:120;stroke-dashoffset:120;animation:draw var(--t3) var(--ease) .1s forwards}.brand .mark path:last-child{fill-opacity:0;animation:draw var(--t3) var(--ease) .1s forwards,fillin var(--t2) var(--ease) 1s forwards}@keyframes fillin{to{fill-opacity:1}}
#app{animation:up var(--t2) var(--ease) both}#app.out{opacity:0;transform:translateY(calc(var(--rise)*-.4));transition:opacity var(--t1) var(--ease),transform var(--t1) var(--ease)}
.rv{opacity:0;transform:translateY(var(--rise));transition:opacity var(--t2) var(--ease),transform var(--t2) var(--ease);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.card{transition:opacity var(--t2) var(--ease),transform var(--t1) var(--ease),box-shadow var(--t1) var(--ease),border-color var(--t1) var(--ease)}
.card.in:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0d11171f,0 0 0 1px #c8973f80;transition-delay:0s}
.sec-h:after{transform:scaleX(0);transform-origin:var(--o,left);transition:transform var(--t2) var(--ease) .2s}[dir=rtl] .sec-h:after{--o:right}.sec-h.in:after{transform:none}
.badge{opacity:0;transform:translateY(8px)}.in .badge{animation:up var(--t2) var(--ease) .35s forwards}
.badge.false,.badge.misleading,.badge.true{position:relative;overflow:hidden}.badge:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff55 50%,transparent 70%);transform:translateX(-120%)}.in .badge:after{animation:sheen 1.2s var(--ease) 1s}@keyframes sheen{to{transform:translateX(120%)}}
.prob i{transform:scaleX(0);transform-origin:var(--o,left);transition:transform var(--t3) var(--ease) .3s}[dir=rtl] .prob i{--o:right}.in .prob i{transform:none}
.ev:before{transform:scale(0);transition:transform var(--t2) var(--ease) .25s}.ev.in:before{transform:none}
.tl:before{transform:scaleY(0);transform-origin:top;animation:grow 2.4s var(--ease) .2s forwards}@keyframes grow{to{transform:none}}
nav a{transition:background var(--t1) var(--ease),color var(--t1) var(--ease)}
@media(max-width:860px){.pyr{opacity:.25;width:70vw;inset-inline-end:-10vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv,.hero>*,.badge{opacity:1!important;transform:none!important;clip-path:none!important}.prob i,.sec-h:after,.ev:before,.tl:before{transform:none!important}.pyr path,.pyr line,.nile path,.brand .mark path{stroke-dashoffset:0!important}.pyr .fillp{opacity:.9}.brand .mark path:last-child{fill-opacity:1}}
/* ---- v4 brand ---- */
.mark{width:38px;height:38px}.brand .mark path{stroke-dasharray:none;stroke-dashoffset:0;animation:none;fill-opacity:1}
.brand .mark .m1{stroke-dasharray:160;stroke-dashoffset:160;animation:draw var(--t3) var(--ease) .1s forwards}
.brand .mark .m3,.brand .mark .m4{stroke-dasharray:60;stroke-dashoffset:60;animation:draw var(--t2) var(--ease) .7s forwards}
.brand .mark .m2{fill-opacity:0;animation:fillin var(--t2) var(--ease) 1.1s forwards}
.pyr path{stroke-width:.55}.pyr .fillp{stroke:none}
.actor{border-top:4px solid var(--nile)}.actor.saf{border-top-color:var(--red)}.actor.rsf{border-top-color:var(--amber)}.actor.isl{border-top-color:#5b3a8a}.actor.civ{border-top-color:var(--nile)}
.grid.actors{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.grid.actors{grid-template-columns:1fr}}
.paper ol{font-size:.9rem}.paper ol a{color:var(--nile)}
@media(prefers-reduced-motion:reduce){.brand .mark path{stroke-dashoffset:0!important;fill-opacity:1!important}}
/* ---- v5 hero layout: text column and mark never overlap ---- */
.hero{padding-inline:max(4vw,20px,calc((100% - 1240px)/2))}
.hero>.live,.hero>.k,.hero>h1,.hero>p{margin-inline:0;max-width:min(640px,56%)}.hero>.live{max-width:max-content}
.hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem)}
.pyr{inset-inline-end:max(4vw,calc((100% - 1240px)/2));width:min(30vw,400px)}
@media(max-width:860px){.hero>.live,.hero>.k,.hero>h1,.hero>p{max-width:100%}.pyr{opacity:.18;width:60vw;inset-inline-end:-6vw}}
@media(max-width:860px){.hero>.live{max-width:max-content}}
/* v6 flag accent + layout tidy */
:root{--sd-red:#D21034;--sd-green:#007229;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:4.5rem;--flagbar:linear-gradient(90deg,var(--sd-red) 0 33.3%,#f4efe6 33.3% 66.6%,#000 66.6%)}
.top{position:sticky}
.top:after{content:"";position:absolute;inset:auto 0 -3px 0;height:3px;background:var(--flagbar);box-shadow:inset 0 0 0 0 transparent}
.top:before{content:"";position:absolute;bottom:-3px;inset-inline-start:0;width:0;height:0;border-top:3px solid transparent;z-index:1}
[dir=rtl] .top:after{background:linear-gradient(270deg,var(--sd-red) 0 33.3%,#f4efe6 33.3% 66.6%,#000 66.6%)}
.top{border-bottom:0}
.flag{width:1.5em;height:.75em;vertical-align:-.05em;margin-inline-end:.55em;border-radius:1.5px;box-shadow:0 0 0 1px #ffffff40;display:inline-block}
.flag.sm{width:22px;height:11px;margin:0}
.hero .k{display:inline-flex;align-items:center}
.wrap{padding-block:var(--s6) 0}
main>.wrap:last-child{padding-bottom:var(--s6)}
.sec-h{margin-bottom:var(--s4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}
.sec-h:after{background:linear-gradient(90deg,var(--gold) 0 70%,var(--sd-green) 70% 80%,var(--sd-red) 80% 90%,#000 90%)!important}
.grid{gap:var(--s3);align-items:stretch}
.card{height:100%;padding:var(--s3);gap:.6rem}
.card h3{margin:0;line-height:1.35}
.card p{margin:0;line-height:1.7}
.card .src,.card>.src{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--line)}
.meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem}
h1{line-height:1.2}h2{line-height:1.25}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.5}
[dir=rtl] p,[dir=rtl] li{line-height:1.95}
.paper p{margin-block:0 var(--s2)}
footer{padding:0;text-align:start;color:#f4efe6b3;margin-top:var(--s6)}
.fstrip{height:3px;background:var(--flagbar)}
.fin{max-width:1240px;margin:auto;padding:var(--s5) max(4vw,20px) var(--s4);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.fname{display:block;color:var(--gold);font-size:1.15rem;margin-bottom:.5rem}
.fin p{margin:0;max-width:46ch;line-height:1.8}
.flinks{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:.55rem 2.5rem;justify-content:end}
.flinks a{color:#f4efe6cc;text-decoration:none;font-size:.9rem}.flinks a:hover{color:var(--gold)}
.fbot{max-width:1240px;margin:auto;padding:var(--s3) max(4vw,20px);border-top:1px solid #c8973f26;display:flex;align-items:center;gap:.7rem;font-size:.8rem}
@media(max-width:860px){.fin{grid-template-columns:1fr;gap:var(--s4)}.flinks{justify-content:start}.wrap{padding-block:var(--s5) 0}.card{padding:var(--s3) 1.25rem}}
.flinks{gap:.35rem 2.5rem}.flinks a{padding:.15rem 0;line-height:1.6}
@media(max-width:600px){.figs .fig:last-child:nth-child(odd){grid-column:1/-1}.flinks{grid-template-columns:repeat(2,1fr);gap:.35rem 1.5rem}}
footer{margin-top:0}
#app>.wrap{padding-top:var(--s6)!important}#app>.hero+.wrap{padding-top:0!important}@media(max-width:860px){#app>.wrap{padding-top:var(--s5)!important}}
/* v7 flag mark, MII, timeline eras, actors groups, mobile hero */
.brand b#bname{font-family:Fraunces,serif!important;font-size:1.25rem!important;letter-spacing:.32em;color:var(--gold);font-weight:700;margin-inline-end:-.32em;line-height:1}
.brand small{display:block!important;opacity:.6;font-size:.68rem;margin-top:.25rem;letter-spacing:.02em}
.mark{width:38px;height:38px;flex:none}
.mark .b,.pm .b{stroke:none!important;stroke-dasharray:none!important;animation:none;opacity:1;fill-opacity:1!important}
.mark .o,.pm .o{fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:draw var(--t3) var(--ease) forwards!important}
.mark .o2,.pm .o2{animation-delay:.5s!important}.mark .o3,.pm .o3{animation-delay:.7s!important}
.mark .b,.pm .b{opacity:0;animation:bandin var(--t2) var(--ease) forwards!important}
.mark .b1{animation-delay:.9s!important}.mark .b2{animation-delay:1.05s!important}.mark .b3{animation-delay:1.2s!important}.mark .b4{animation-delay:1.4s!important}.mark .b5{animation-delay:1.5s!important}
.pm .o1{animation-delay:.3s!important;animation-duration:1.8s!important}.pm .o2{animation-delay:1.2s!important}.pm .o3{animation-delay:1.5s!important}
.pm .b1{animation-delay:2s!important}.pm .b2{animation-delay:2.3s!important}.pm .b3{animation-delay:2.6s!important}.pm .b4{animation-delay:3s!important}.pm .b5{animation-delay:3.3s!important}
@keyframes bandin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes draw{to{stroke-dashoffset:0}}
.pyr.pm{color:var(--gold);opacity:.95;filter:drop-shadow(0 18px 40px #0008)}
.pyr.pm .o{stroke-width:inherit;vector-effect:non-scaling-stroke}
.pyr.pm .o1,.pyr.pm .o3{stroke-width:2.2px}.pyr.pm .o2{stroke-width:1px}
@media(prefers-reduced-motion:reduce){.mark .o,.pm .o{stroke-dashoffset:0!important;animation:none!important}.mark .b,.pm .b{opacity:1!important;animation:none!important}}
@media(max-width:768px){.hero{display:flex;flex-direction:column;align-items:flex-start}.pyr.pm{position:relative!important;inset:auto!important;transform:none!important;top:auto!important;width:96px!important;height:96px;opacity:1;align-self:center;margin:0 auto 1.4rem;order:-1}}
/* timeline eras */
.tlgrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s5);align-items:start}
.eraidx{position:sticky;top:90px;display:flex!important;flex-direction:column;gap:.15rem;border-inline-start:2px solid var(--line);padding-inline-start:1rem;margin:0!important;background:none!important;box-shadow:none!important}
.eraidx b{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin-bottom:.5rem}
.eraidx a{font-size:.85rem;color:var(--ink);opacity:.7;padding:.3rem 0!important;text-decoration:none;background:none!important;line-height:1.4}
.eraidx a:hover{opacity:1;color:var(--nile)}
.era{scroll-margin-top:90px;margin-bottom:var(--s5)}
.era-h{font-size:1.3rem;margin:0 0 var(--s3);padding-bottom:.5rem;border-bottom:1px solid var(--line);position:relative}
.era-h:after{content:"";position:absolute;bottom:-1px;inset-inline-start:0;width:48px;height:2px;background:linear-gradient(90deg,var(--sd-green) 0 25%,var(--sd-red) 25% 50%,#fff 50% 75%,#000 75%)}
.agroup{scroll-margin-top:90px;margin-top:var(--s5)}
.agrp a{display:inline-flex;gap:.4rem;align-items:center;padding:.45rem 1rem;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--ink);font-size:.88rem;background:#fffdf8}
.agrp a small{color:var(--gold);font-weight:700}
.agrp{display:flex;flex-wrap:wrap;gap:.5rem}
.actor .src{font-size:.8rem}
@media(max-width:860px){.tlgrid{grid-template-columns:1fr}.eraidx{position:static;flex-direction:row!important;flex-wrap:wrap;gap:.4rem .9rem;border:0;padding:0}.eraidx b{width:100%}}
.pm .b4,.mark .b4{fill:#007229!important}.pm .o,.mark .o{fill:none!important}.pm .o1,.pm .o2,.pm .o3,.mark .o{stroke:#C8973F!important}@media(max-width:768px){.pyr.pm{opacity:1!important}}
.top nav#nav{flex-wrap:nowrap;gap:.1rem}.top nav#nav a{white-space:nowrap;padding:.45rem .6rem;font-size:.84rem}@media(max-width:1500px){.brand small{display:none!important}}@media(max-width:1180px) and (min-width:861px){.top nav#nav a{padding:.4rem .4rem;font-size:.78rem}}@media(min-width:769px){.pyr.pm{width:min(24vw,300px)!important}}
@media(min-width:769px){.pyr.pm{top:40%!important}}
.mf{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:.4rem;scrollbar-width:thin}.mf button{white-space:nowrap;flex:none}
.mgrp{margin-bottom:2rem}.mgrp .era-h{font-size:1.15rem;margin:.6rem 0 1rem}
.mcount{color:#6b7280;font-size:.9rem}.morewrap{text-align:center;margin:1.5rem 0 3rem}#mmore{cursor:pointer;padding:.6rem 1.8rem}

.pm .b4,.mark .b4{fill:#C8973F!important}.pm .b3,.mark .b3{fill:#7a5a22!important}
.brand>span{display:flex;flex-direction:column;align-items:center;text-align:center}.brand small#btag{display:block!important;opacity:.85;font-size:.7rem;margin-top:.3rem;white-space:nowrap;letter-spacing:.01em}[dir=rtl] .brand small#btag{font-size:.78rem}

.filters.yf{margin-bottom:.5rem}.filters.yf button{font-weight:700}
/* ---- Map ---- */
.mapgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s3);align-items:start;margin-top:var(--s2)}
.mapbox{position:relative;background:radial-gradient(120% 90% at 50% 40%,#16202b 0,#0d1117 70%);border:1px solid #2a3340;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
#msvg{display:block;width:100%;height:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
#msvg .st{fill:#1b2532;stroke:#c8973f;stroke-opacity:.55;stroke-width:calc(.8px / var(--s,1));stroke-linejoin:round;transition:fill var(--t1) var(--ease),stroke-opacity var(--t1);cursor:pointer;outline:none}
#msvg .st.zg{fill:#5a2620}#msvg .st.zs{fill:#4d3a17}
#msvg .st:hover,#msvg .st:focus-visible{fill:#26364a;stroke-opacity:1}
#msvg .st.zg:hover,#msvg .st.zg:focus-visible{fill:#73302a}#msvg .st.zs:hover,#msvg .st.zs:focus-visible{fill:#634b1e}
#msvg .st.on{stroke:#f0c674;stroke-opacity:1;stroke-width:calc(2px / var(--s,1))}
#msvg .sl{fill:#e8dfcf;fill-opacity:.85;font-size:calc(11px / var(--s,1));text-anchor:middle;pointer-events:none;font-weight:600;paint-order:stroke;stroke:#0d1117;stroke-width:calc(1.4px / var(--s,1));stroke-opacity:.7}
#msvg .ci rect{fill:#e8dfcf;fill-opacity:.8}#msvg .ci.cap rect{fill:#f0c674}
#msvg .ci{pointer-events:none}#msvg .ci text{fill:#e8dfcf;fill-opacity:.8;font-size:calc(8.5px / var(--s,1));text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#0d1117;stroke-opacity:.7;stroke-width:calc(1.2px / var(--s,1))}
#msvg .ci rect{transform-box:fill-box;transform-origin:center;transform:scale(calc(1 / var(--s,1)))}
#msvg .ci text{transform-box:fill-box}
#msvg .dot{cursor:pointer;outline:none}
#msvg .dot .core{fill:#c8973f;stroke:#f6e3b4;stroke-width:calc(1px / var(--s,1));transition:fill var(--t1) var(--ease)}
#msvg .dot .halo{fill:#c8973f;fill-opacity:.18;transition:fill-opacity var(--t1)}
#msvg .dot.sw .core{fill:#0d1117;fill-opacity:.55;stroke:#c8973f;stroke-dasharray:2 1.5;stroke-width:calc(1.4px / var(--s,1))}
#msvg .dot text{fill:#0d1117;font-weight:700;text-anchor:middle;pointer-events:none;font-family:system-ui,sans-serif}
#msvg .dot.sw text{fill:#f0c674}
#msvg .dot:hover .core,#msvg .dot:focus-visible .core,#msvg .dot.on .core{fill:#f0c674}
#msvg .dot:hover .halo,#msvg .dot.on .halo,#msvg .dot:focus-visible .halo{fill-opacity:.4}
#msvg.anim .st{animation:stIn var(--t2) var(--ease) both;animation-delay:calc(var(--k) * 35ms)}
#msvg.anim .sls,#msvg.anim .cis{animation:fadeIn var(--t2) var(--ease) .5s both}
#msvg.anim .dot{animation:dotIn var(--t2) var(--ease) both;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
#msvg.anim .dot .halo{animation:pulse 2.6s ease-in-out 2s infinite;transform-box:fill-box;transform-origin:center}
@keyframes stIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes dotIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.5}}
.zbtn{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:flex;flex-direction:column;gap:6px}
.zbtn button{width:34px;height:34px;border-radius:8px;border:1px solid #3a4452;background:rgba(13,17,23,.85);color:#f0c674;font-size:18px;cursor:pointer;transition:background var(--t1)}
.zbtn button:hover,.zbtn button:focus-visible{background:#1f2937}
.mpanel{background:#0d1117;color:#e8dfcf;border:1px solid #2a3340;border-radius:14px;padding:var(--s2);max-height:min(78vh,640px);overflow:auto;position:sticky;top:80px}
.mpanel .mpick{opacity:.7;margin:0}
.mph{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.mph h3{margin:0;color:#f0c674;font-size:1.15rem}
.mx{background:none;border:1px solid #3a4452;color:#e8dfcf;border-radius:8px;width:30px;height:30px;cursor:pointer;flex:none}
.mpanel .meta{color:#a99f8c;font-size:.85rem;margin:.3rem 0 .8rem}
.mi{border-top:1px solid #222c38;padding:.8rem 0;animation:fadeIn var(--t1) var(--ease) both}.mi time{color:#c8973f;font-size:.8rem}
.mi h4{margin:.2rem 0 .3rem;font-size:1rem;color:#fff;line-height:1.4}.mi p{margin:0 0 .4rem;font-size:.9rem;line-height:1.6;color:#cfc6b4}
.mi .src{color:#f0c674;font-size:.85rem}
.mlegend{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:var(--s2);font-size:.88rem;color:var(--mut)}
.mlegend span{display:inline-flex;align-items:center;gap:.45rem}
.mlegend i{display:inline-block;width:16px;height:12px;border-radius:3px}
.lz.g{background:#5a2620;border:1px solid #c8973f}.lz.s{background:#4d3a17;border:1px solid #c8973f}
.ld{width:12px!important;height:12px!important;border-radius:50%!important;background:#c8973f;border:1px solid #8a6527}
.ld.sw{background:transparent;border:1.5px dashed #c8973f}
.lc{width:7px!important;height:7px!important;background:#c8973f;border-radius:1px!important}
.mnote{font-size:.82rem;line-height:1.8}
@media (max-width:820px){.mapgrid{grid-template-columns:1fr}.mpanel{position:static;max-height:62vh}}
@media (prefers-reduced-motion:reduce){#msvg .st,#msvg .dot,#msvg .dot .halo,.mi{animation:none!important;transition:none!important}}

#msvg text{font-family:"IBM Plex Sans Arabic",Inter,sans-serif;letter-spacing:0!important;word-spacing:0;font-kerning:normal;text-rendering:geometricPrecision}
[dir=rtl] #msvg text{direction:rtl;unicode-bidi:plaintext}
[dir=rtl] .mapw,[dir=rtl] .mpanel,[dir=rtl] .mlegend{letter-spacing:0}
/* Apedemak M 3D logo */
.brand .mark path,.brand .mark polygon,.pyr.m3d path,.pyr.m3d polygon,.pyr.m3d circle{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important;fill-opacity:1!important;vector-effect:none!important}
.pyr.m3d path[stroke],.brand .mark path[stroke]{fill:none!important}
.pyr.m3d path:not([stroke]),.brand .mark path:not([stroke]){stroke:none!important}
.pyr.m3d circle[fill=none]{stroke-width:.8!important}
.brand .mark{width:42px;height:42px;flex:none;filter:drop-shadow(0 2px 3px #0006);animation:m3in .9s var(--ease) both}
.pyr.m3d{opacity:1!important;filter:drop-shadow(0 26px 40px #000a) drop-shadow(0 0 30px #e8b04a33);animation:m3in 1.2s var(--ease) .2s both,m3tilt 9s ease-in-out 1.4s infinite;transform-style:preserve-3d}
@keyframes m3in{from{opacity:0;transform:translateY(-50%) scale(.85) rotateY(-25deg)}to{opacity:1}}
.brand .mark{animation-name:m3inh}@keyframes m3inh{from{opacity:0;transform:scale(.7) rotateY(-40deg)}to{opacity:1;transform:none}}
@keyframes m3tilt{0%,100%{transform:translateY(-50%) perspective(900px) rotateY(-9deg) rotateX(4deg)}50%{transform:translateY(-50%) perspective(900px) rotateY(9deg) rotateX(-3deg)}}
@media(max-width:768px){.pyr.m3d{width:120px!important;height:120px!important;animation:m3inh 1s var(--ease) both!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.pyr.m3d,.brand .mark{animation:none!important}}
/* ---- v5 reports / numbers / scenarios ---- */
.sch{font-size:1.25rem;margin:2.6rem 0 1rem;display:flex;align-items:center;gap:.6rem}.sch:before{content:"";width:22px;height:3px;background:var(--gold)}
.sc3 .meta{justify-content:space-between}.scn{font:700 .8rem Fraunces,serif;color:var(--nile)}
.lvl{font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:20px;color:#fff}.lvl.l0{background:#6b8f71}.lvl.l1{background:var(--amber)}.lvl.l2{background:#c0602a}.lvl.l3{background:var(--red)}
.pr{display:flex;align-items:center;gap:.7rem}.pr .prob{flex:1;margin:.6rem 0;border-radius:6px;overflow:hidden}.pr b{font:700 1.1rem Fraunces,serif;color:var(--nile)}
.prob i{width:var(--w,0);animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}@keyframes grow{from{width:0}}
.sc3 details{margin-top:.6rem;border-top:1px dashed var(--line);padding-top:.6rem}.sc3 summary{cursor:pointer;font-weight:600;color:var(--nile);font-size:.9rem;list-style:none}.sc3 summary:before{content:"+ ";font-weight:700}.sc3 details[open] summary:before{content:"– "}
.sc3 details[open]>*:not(summary){animation:fadeUp .45s both}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.sc3 h4{margin:.8rem 0 .2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}[dir=rtl] .sc3 h4{letter-spacing:0;font-size:.9rem}.sc3 .imp{list-style:none;padding:0}.sc3 .imp li{margin:.25rem 0}
.rcard.new:after{content:"NEW";position:absolute;top:1rem;inset-inline-end:1rem;font-size:.62rem;font-weight:700;background:var(--gold);color:var(--ink);padding:.1rem .45rem;border-radius:3px}[dir=rtl] .rcard.new:after{content:"جديد"}
.rmini{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:-.2rem 0 .8rem}.rmini span{background:var(--sand);padding:.5rem .6rem;border-radius:4px;font-size:.75rem;line-height:1.35}.rmini b{display:block;font:700 1.15rem Fraunces,serif;color:var(--nile)}
.kf{background:var(--ink);color:#f4efe6;padding:1.2rem 1.5rem;border-radius:6px;border-inline-start:4px solid var(--gold);margin:1.4rem 0}.kf h3{margin:0 0 .4rem;color:var(--gold)}.kf li{margin:.3rem 0}
.dps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin:1rem 0 1.6rem}.dpt{background:#fffdf8;border:1px solid var(--line);border-top:3px solid var(--nile);padding:.9rem 1rem;border-radius:6px;text-decoration:none;color:inherit;transition:.25s}.dpt:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0d111714;border-top-color:var(--gold)}
.dpt b{display:block;font:700 1.7rem Fraunces,serif;color:var(--nile)}.dpt span{display:block;font-size:.88rem;line-height:1.4}.dpt small{display:block;margin-top:.45rem;font-size:.7rem;color:var(--mut)}
.ngrp{margin:2.2rem 0}.ngrp h2{font-size:1.3rem;display:flex;gap:.6rem;align-items:center}.ngrp h2 span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--nile);color:var(--gold);font-size:1rem}.nfigs{margin-top:.6rem}.nfigs .fig b{font-size:2rem}
@media(max-width:600px){.rmini{grid-template-columns:1fr}.dps{grid-template-columns:1fr 1fr}.dpt b{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.prob i,.sc3 details[open]>*{animation:none}}
.grid:has(.sc3){align-items:start}