
/* خطوط عربية مستضافة محليًا. الترخيص في assets/fonts/LICENSE-*.txt
   النطاق المقلَّم: عربي + لاتيني + ترقيم وأسهم. أشكال العرض غير مطلوبة
   لأن التشكيل والوصل يجريان عبر جداول الخط لا عبر رموز يونيكود. */
@font-face{font-family:"Plex Arabic";src:url(fonts/plex-ar-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(fonts/plex-ar-600.woff2) format("woff2");font-weight:600 900;font-style:normal;font-display:swap}
/* مقاييس Amiri الأصلية موضوعة للتشكيل الكامل (صعود 1124، هبوط 634)، فتفرض
   ارتفاع سطر 1.76 يفكك إيقاع العناوين. تُعاد المقاييس هنا إلى حدود حروف
   العناوين غير المشكّلة، فيكفي ارتفاع سطر 1.35 دون تلامس الأذيال. */
@font-face{font-family:"Amiri Display";src:url(fonts/amiri-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;ascent-override:100%;descent-override:35%;line-gap-override:0%}

:root{--sans:"Plex Arabic",Tahoma,Arial,sans-serif;--display:"Amiri Display",Georgia,serif;--ink:#1c1712;--muted:#71685f;--paper:#f7f1e7;--card:#fffdf8;--forest:#123629;--forest2:#09251b;--gold:#b48942;--gold2:#d6b777;--line:rgba(45,35,24,.14);--shadow:0 24px 70px rgba(35,25,12,.11);--r:26px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 420px at 85% -5%,rgba(180,137,66,.12),transparent 70%),var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.skip{position:fixed;top:-80px;right:20px;z-index:999;background:#fff;padding:10px 16px;border-radius:10px}.skip:focus{top:12px}
header{position:sticky;top:0;z-index:100;background:rgba(247,241,231,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px}.mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--forest),var(--forest2));color:#f6dfae;font-size:24px;font-weight:900}.brand strong{display:block;font:700 25px/1.35 var(--display)}.brand small{color:var(--muted);font-size:11px}.links{display:flex;gap:22px}.links a{font-size:14px;position:relative}.links a:after{content:"";position:absolute;right:0;left:100%;bottom:-8px;height:2px;background:var(--gold);transition:.25s}.links a:hover:after,.links a.active:after{left:0}.menu{display:none;border:1px solid var(--line);background:#fff8;width:42px;height:42px;border-radius:50%;cursor:pointer}.drawer{display:none}
.hero{min-height:650px;display:grid;align-items:center;color:#f8f1e6;background:radial-gradient(700px 430px at 18% 25%,rgba(214,183,119,.17),transparent 70%),linear-gradient(145deg,#173d2f,#0a281e 58%,#071d16);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding:90px 0}.kicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(214,183,119,.32);border-radius:999px;color:#e2c58a;font-size:12px}.hero h1,.page-hero h1{font:700 clamp(46px,7vw,86px)/1.35 var(--display);margin:22px 0 18px}.hero p{font-size:20px;color:#d8d3ca;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid transparent}.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#211a11}.secondary{border-color:#fff4;color:#fff;background:#fff1}
.art{min-height:430px;border:1px solid rgba(214,183,119,.22);border-radius:40px;background:radial-gradient(circle at 50% 50%,transparent 0 28%,rgba(214,183,119,.2) 28.3% 28.7%,transparent 29%),radial-gradient(circle at 50% 50%,transparent 0 43%,rgba(214,183,119,.13) 43.3% 43.7%,transparent 44%),linear-gradient(145deg,#fff1,#fff0);display:grid;place-items:center;position:relative}.drop{width:min(210px,52%);height:auto;filter:drop-shadow(0 34px 60px rgba(0,0,0,.42))}.art-note{position:absolute;right:28px;left:28px;bottom:24px;border-top:1px solid #fff2;padding-top:13px;color:#dbcdb4;font-size:12px}
.section{padding:92px 0}.tight{padding:66px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.head h2{font:700 clamp(34px,4.5vw,55px)/1.35 var(--display);margin:0}.head p{max-width:610px;color:var(--muted);margin:0}.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card,.entity{background:#fffdf8e8;border:1px solid var(--line);border-radius:var(--r);padding:27px;transition:.25s}.card:hover,.entity:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b4894255}.num,.type{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.1em}.card h3,.entity h3{font:700 25px/1.4 var(--display);margin:10px 0}.card p,.entity p{color:var(--muted);margin:0}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;min-height:190px}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ok{background:#deeee5;color:#2c6c50}.partial{background:#f5e9d6;color:#936126}.research{background:#e9e3f1;color:#67527e}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:linear-gradient(135deg,#153b2d,#0a261c);border-radius:38px;color:#f6efe5;padding:48px}.feature h2{font:700 50px/1.35 var(--display);margin:14px 0}.feature p{color:#d5d0c7}.panel{background:#fff1;border:1px solid #fff2;border-radius:28px;padding:28px}.data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.data div{padding:14px;border-radius:16px;background:#fff1}.data span{display:block;font-size:11px;color:#c8bfb1}.search{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:0 14px 40px #2c1f0e14}.search input{flex:1;min-width:0;border:0;outline:0;background:none;padding:8px;font-size:16px}.search button{border:0;border-radius:12px;background:var(--forest);color:#fff;padding:10px 17px}
.page-hero{color:#f7efe2;background:radial-gradient(650px 350px at 12% 20%,rgba(214,182,119,.17),transparent 70%),linear-gradient(145deg,#173a2d,#092219);padding:86px 0 70px}.page-hero h1{font-size:clamp(44px,6vw,74px)}.page-hero p{max-width:820px;color:#d8d1c5;font-size:18px}.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:#d6cab8;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.article{background:#fffdf8c7;border:1px solid var(--line);border-radius:32px;padding:clamp(25px,5vw,57px)}.article h2{font:700 36px/1.4 var(--display);margin:48px 0 13px}.article h2:first-child{margin-top:0}.article p,.article li{color:#514a43}.article blockquote{margin:30px 0;padding:24px 27px;border-right:4px solid var(--gold);background:#f1e8d9;border-radius:18px;font:400 21px/1.85 var(--sans)}.article table{width:100%;border-collapse:collapse;margin:22px 0}.article th,.article td{text-align:right;padding:13px 15px;border-bottom:1px solid var(--line)}.article th{background:#f1e8da}.side{position:sticky;top:102px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:21px}.side strong{display:block;margin-bottom:10px}.side a{display:block;color:var(--muted);font-size:14px;padding:6px 0}.entities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entity{display:flex;flex-direction:column;min-height:220px}.entity p{flex:1}.entity[hidden]{display:none}.notice{padding:19px 22px;border-radius:18px;border:1px solid #dfc9a3;background:#faf0dd;color:#65491d}.slot{min-height:250px;border:1px dashed #b4894299;border-radius:24px;background:linear-gradient(135deg,#b4894211,#1236290d);display:grid;place-items:center;text-align:center;color:var(--muted);padding:28px}
footer{background:#0c241b;color:#d8d2c8;padding:62px 0 26px}.foot{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:33px}.foot h4{color:#fff;margin:0 0 11px}.foot a{display:block;color:#bbb4a9;font-size:14px;margin:7px 0}.copyright{border-top:1px solid #fff2;margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;color:#9e978d;font-size:13px}.fade{opacity:0;transform:translateY(18px);transition:.6s}.fade.in{opacity:1;transform:none}
@media(max-width:980px){.links{display:none}.menu{display:block}.drawer{position:fixed;z-index:120;top:78px;right:0;left:0;background:#f7f1e7fc;border-bottom:1px solid var(--line);padding:18px 20px}.drawer.open{display:block}.drawer a{display:block;padding:10px;border-bottom:1px solid var(--line)}.hero-grid,.feature,.layout{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g3,.entities{grid-template-columns:repeat(2,1fr)}.path{grid-template-columns:repeat(2,1fr)}.side{position:static}}@media(max-width:640px){.container{width:min(calc(100% - 22px),var(--max))}.nav{height:70px}.brand small{display:none}.hero{min-height:auto}.hero-grid{padding:68px 0 52px;gap:34px}.hero p{font-size:17px}.art{min-height:275px}.drop{width:min(140px,46%)}.section{padding:66px 0}.head{display:block}.head p{margin-top:12px}.g4,.g3,.entities,.path{grid-template-columns:1fr}.feature{padding:28px;border-radius:28px}.feature h2{font-size:38px}.data{grid-template-columns:1fr}.article{padding:23px 18px}.article h2{font-size:30px}.article table{display:block;overflow-x:auto}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}.copyright{display:block}.drawer{top:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.fade{opacity:1;transform:none}}
