﻿/* =========================================================================
   موقع نزاهة العام — الأخبار والخدمات والفعاليات
   مطابق لهوية www.nazaha.gov.kw: خط Almarai، الأبيض والكحلي #000A2C والأزرق #1334A8
   ========================================================================= */

:root{
  --nz-navy:#000A2C;
  --nz-surface:#fff; --nz-ink:var(--nz-navy); --nz-link:var(--nz-blue); --nz-chip:#EEF2FF;
  --nz-blue:#1334A8;
  --nz-blue-2:#1136B0;
  --nz-blue-3:#0C2682;
  --nz-sky:#5DC8E4;
  --nz-ground:#F8F9FA;
  --nz-line:#E1E3E7;
  --nz-line-2:#DDDCDC;
  --nz-muted:#6B7080;
  --nz-text:#1E2233;
  --nz-green:#1E8E4E;  --nz-green-soft:#E7F6EE;
  --nz-red:#C0392B;    --nz-red-soft:#FDECEC;
  --nz-amber:#965009;  --nz-amber-soft:#FEF3E2;
  --nz-radius:14px;
  --nz-shadow:0 1px 2px rgba(0,10,44,.05),0 12px 32px rgba(0,10,44,.08);
  --nz-shadow-lg:0 24px 60px rgba(0,10,44,.18);
  --nz-font:"Almarai","Segoe UI",Tahoma,Arial,sans-serif;
  --nz-mono:"Cascadia Mono",Consolas,"Courier New",monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--nz-surface);color:var(--nz-text);font-family:var(--nz-font);font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--nz-link);text-decoration:none}
a:hover{color:var(--nz-blue-3)}
h1,h2,h3,h4{color:var(--nz-ink);line-height:1.4;margin:0;font-weight:800;letter-spacing:0}
:focus-visible{outline:3px solid var(--nz-blue);outline-offset:2px;border-radius:6px;box-shadow:0 0 0 5px #fff}
.mono{font-family:var(--nz-mono);direction:ltr;unicode-bidi:embed;display:inline-block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--nz-muted)}

/* ---------- شريط التنبيه ---------- */
.nz-announce{background:var(--nz-blue);color:#fff;font-size:.88rem}
.nz-announce .wrap{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:40px}
.nz-announce .x{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;line-height:1}
.skip:focus{position:fixed;top:8px;inset-inline-start:8px;width:auto;height:auto;clip:auto;background:var(--nz-surface);padding:.5rem 1rem;z-index:100;border-radius:8px}

/* ---------- الترويسة (مطابقة لـ nazaha.gov.kw: القائمة يميناً، الشعار في الوسط، الأدوات يساراً) ---------- */
.nz-header{background:var(--nz-surface);position:sticky;top:0;z-index:60;box-shadow:0 2px 18px rgba(0,10,44,.06)}
.nz-header .hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;gap:1rem}
.nz-logo{grid-column:2;display:block}
.nz-logo img{height:68px;width:auto}
.nz-main{grid-column:1;display:flex;gap:.2rem;align-items:center;flex-wrap:wrap}
.nz-top{font:inherit;background:none;border:none;cursor:pointer;color:var(--nz-ink);font-weight:700;font-size:.95rem;padding:.6rem .8rem;border-radius:10px;
  display:inline-flex;align-items:center;gap:.4rem;transition:background .2s,color .2s}
.nz-top:hover,.nz-top[aria-expanded=true]{background:var(--nz-ground);color:var(--nz-link)}
.nz-top.on{color:var(--nz-link)}
.nz-top .car{width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nz-top[aria-expanded=true] .car{transform:rotate(225deg)}
.nz-top.cta{background:var(--nz-blue);color:#fff}
.nz-actions{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:.45rem}
.nz-contact{color:var(--nz-ink);font-weight:700;font-size:.95rem;padding:.5rem .7rem}
.nz-contact:hover{color:var(--nz-link)}
.nz-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:none;background:none;color:var(--nz-ink);cursor:pointer;transition:background .2s}
.nz-ico:hover{background:var(--nz-ground);color:var(--nz-link)}
.nz-ico svg{width:20px;height:20px}
.nz-lang{font-weight:800;font-size:.82rem;color:var(--nz-link);border:1.5px solid var(--nz-line);border-radius:20px;padding:.2rem .7rem}
.nz-lang:hover{border-color:var(--nz-link)}
.nz-burger{display:none;width:42px;height:42px;border:none;background:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:9px}
.nz-burger span{display:block;height:2px;background:var(--nz-navy);border-radius:2px}

.nz-searchbar{border-top:1px solid var(--nz-line);background:var(--nz-surface)}
.nz-searchbar .wrap{display:flex;gap:.6rem;padding-top:.8rem;padding-bottom:.8rem}
.nz-searchbar input{flex:1}

/* القائمة الكبيرة */
.nz-mega{position:absolute;inset-inline:0;top:100%;background:var(--nz-surface);border-top:1px solid var(--nz-line);box-shadow:0 24px 48px rgba(0,10,44,.12)}
.nz-mega .wrap{display:flex;gap:2rem;padding-top:2rem;padding-bottom:2.2rem;align-items:flex-start}
.nz-mega .mega-intro{flex:1.4;min-width:0}
.nz-mega .mega-col{flex:1;min-width:0}
.mega-intro{background:var(--nz-ground);border-radius:var(--nz-radius);padding:1.3rem 1.4rem}
.mega-intro h2{font-size:1.35rem;margin-bottom:.6rem}
.mega-intro ul,.mega-col ul{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}
.mega-intro a:not(.btn),.mega-col a{color:var(--nz-ink);font-size:.93rem}
.mega-intro a:not(.btn):hover,.mega-col a:hover{color:var(--nz-link)}
.mega-col h3{font-size:1rem;color:var(--nz-link);margin-bottom:.7rem;padding-bottom:.45rem;border-bottom:2px solid var(--nz-line)}

/* القائمة على الهاتف */
.nz-drawer{position:fixed;inset:0;z-index:90;background:var(--nz-surface);overflow:auto;padding:1rem 1.2rem 2rem}
.nz-drawer .dr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.nz-drawer .x{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--nz-ink)}
.nz-drawer .dr-search input{width:100%;margin-bottom:1rem}
.nz-drawer details{border-bottom:1px solid var(--nz-line)}
.nz-drawer summary{cursor:pointer;font-weight:800;color:var(--nz-ink);padding:.85rem 0;list-style:none;display:flex;justify-content:space-between}
.nz-drawer summary::after{content:"+";color:var(--nz-link);font-size:1.2rem}
.nz-drawer details[open] summary::after{content:"−"}
.nz-drawer .dr-sub{display:block;padding:.45rem .8rem;color:var(--nz-text)}
.nz-drawer .dr-h{display:block;padding:.6rem .4rem .2rem;color:var(--nz-link);font-weight:800;font-size:.85rem}
.nz-drawer .dr-link{display:block;padding:.85rem 0;font-weight:800;color:var(--nz-ink);border-bottom:1px solid var(--nz-line)}
body.no-scroll{overflow:hidden}

/* ---------- العنوان الرئيسي ---------- */
.nz-hero{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(1200px 400px at 85% -20%,rgba(93,200,228,.35),transparent 60%),
             linear-gradient(135deg,var(--nz-navy) 0%,var(--nz-blue-3) 55%,var(--nz-blue) 100%)}
.nz-hero::after{content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:22px 22px}
.nz-hero .wrap{position:relative;z-index:1;padding-top:3rem;padding-bottom:3.4rem}
.nz-hero h1{color:#fff;font-size:2.4rem}
.nz-hero p{margin:.6rem 0 0;color:rgba(255,255,255,.82);max-width:60ch;font-size:1.05rem}
.nz-crumbs{font-size:.85rem;color:rgba(255,255,255,.7);margin-bottom:.8rem;display:flex;gap:.4rem;flex-wrap:wrap}
.nz-crumbs a{color:rgba(255,255,255,.85)}
.nz-crumbs a:hover{color:#fff}
.nz-hero .flag{position:absolute;inset-inline:0;bottom:0;height:4px;z-index:2;
  background:linear-gradient(90deg,#007A3D 0 33.3%,#fff 33.3% 66.6%,#CE1126 66.6%)}
.nz-hero.compact .wrap{padding-top:2rem;padding-bottom:2.2rem}
.nz-hero.compact h1{font-size:1.75rem}

/* ---------- أدوات التصفية ---------- */
.nz-tools{margin-top:-1.8rem;position:relative;z-index:3}
.nz-tools .box{background:var(--nz-surface);border-radius:var(--nz-radius);box-shadow:var(--nz-shadow);padding:1rem 1.1rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.nz-tabs{display:flex;background:var(--nz-ground);padding:4px;border-radius:12px;gap:2px}
.nz-tabs a{padding:.42rem 1rem;border-radius:9px;color:var(--nz-ink);font-weight:700;font-size:.9rem}
.nz-tabs a.on{background:var(--nz-surface);color:var(--nz-link);box-shadow:0 1px 4px rgba(0,10,44,.12)}
.nz-pills{display:flex;flex-wrap:wrap;gap:.4rem}
.nz-pill{border:1px solid var(--nz-line);border-radius:30px;padding:.32rem .95rem;font-size:.86rem;color:var(--nz-ink);background:var(--nz-surface);transition:all .2s}
.nz-pill:hover{border-color:var(--nz-link);color:var(--nz-link)}
.nz-pill.on{background:var(--nz-blue);border-color:var(--nz-link);color:#fff}
.nz-search{margin-inline-start:auto;display:flex;gap:.4rem;min-width:250px;flex:1;max-width:360px}
.nz-search input{flex:1}

/* ---------- البطاقات ---------- */
.nz-section{padding:2.4rem 0 3.5rem}
.nz-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.nz-card{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.nz-card:hover{transform:translateY(-4px);box-shadow:var(--nz-shadow);border-color:#cfd5e6}
.nz-card .media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--nz-blue-3),var(--nz-blue));overflow:hidden}
.nz-card .media img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .5s}
.nz-card:hover .media img{transform:scale(1.04)}
.nz-card .media .ph{position:absolute;inset:0;display:grid;place-items:center}
.nz-card .media .ph img{width:42%;height:auto;filter:brightness(0) invert(1);opacity:.22;object-fit:contain}
.nz-card .tag{position:absolute;top:12px;inset-inline-start:12px;background:rgba(255,255,255,.95);color:var(--nz-link);font-weight:800;font-size:.78rem;padding:.2rem .75rem;border-radius:20px}
.nz-card .date-chip{position:absolute;bottom:12px;inset-inline-end:12px;background:var(--nz-navy);color:#fff;border-radius:12px;padding:.35rem .7rem;text-align:center;line-height:1.15;min-width:62px}
.nz-card .date-chip b{display:block;font-size:1.35rem}
.nz-card .date-chip span{font-size:.72rem;opacity:.85}
.nz-card .body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.65rem;flex:1}
.nz-card h3{font-size:1.06rem;line-height:1.6;min-height:3.2em}
.nz-card h3 a{color:var(--nz-ink)}
.nz-card h3 a:hover{color:var(--nz-link)}
.nz-meta{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.88rem;color:var(--nz-muted)}
.nz-meta li{display:flex;gap:.5rem;align-items:flex-start}
.nz-meta svg{flex:none;width:17px;height:17px;margin-top:4px;color:var(--nz-link)}
.nz-card .foot{margin-top:auto;display:flex;gap:.5rem;align-items:center;padding-top:.6rem;border-top:1px dashed var(--nz-line)}
.nz-state{font-size:.78rem;font-weight:700;padding:.15rem .6rem;border-radius:20px}
.nz-state.open{background:var(--nz-green-soft);color:var(--nz-green)}
.nz-state.closed{background:#F0F1F4;color:#5b6070}
.nz-state.past{background:#F0F1F4;color:#5b6070}

/* ---------- الأزرار والحقول ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:700;font-size:.95rem;
  padding:.62rem 1.25rem;border-radius:10px;border:1px solid var(--nz-line);background:var(--nz-surface);color:var(--nz-ink);cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .1s}
.btn:hover{border-color:var(--nz-link);color:var(--nz-link)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--nz-blue);border-color:var(--nz-link);color:#fff}
.btn.primary:hover{background:var(--nz-blue-3);border-color:var(--nz-blue-3);color:#fff}
.btn.lg{padding:.85rem 1.8rem;font-size:1.05rem;border-radius:12px}
.btn.sm{padding:.35rem .8rem;font-size:.85rem}
.btn.block{width:100%}
.btn.ghost{border-color:transparent;background:transparent}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:18px;height:18px}

.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.05rem}
.field label{font-weight:700;color:var(--nz-ink);font-size:.92rem}
.field .hint{font-size:.8rem;color:var(--nz-muted)}
.field .err,.field-validation-error{color:var(--nz-red);font-size:.82rem;font-weight:700}
.input,input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{
  font:inherit;font-size:.98rem;width:100%;padding:.68rem .9rem;border:1.5px solid var(--nz-line);border-radius:10px;background:var(--nz-surface);color:var(--nz-text);
  transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--nz-link);box-shadow:0 0 0 3px rgba(19,52,168,.55)}
.input-validation-error{border-color:var(--nz-red)!important}
input[readonly]{background:var(--nz-ground);color:#444}
.civil{font-family:var(--nz-mono);direction:ltr;text-align:center;font-size:1.5rem!important;letter-spacing:.18em;padding:.8rem!important}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem}
.check input{width:18px;height:18px;margin-top:5px;accent-color:var(--nz-link)}
.file{border:2px dashed var(--nz-line);border-radius:12px;padding:1rem;text-align:center;background:var(--nz-ground)}

/* ---------- التنبيهات ---------- */
.alert{border-radius:12px;padding:.85rem 1.1rem;margin-bottom:1.1rem;display:flex;gap:.7rem;align-items:flex-start;border:1px solid transparent;font-size:.95rem}
.alert .ic{font-weight:800;flex:none}
.alert.ok{background:var(--nz-green-soft);border-color:#bfe6cf;color:#145c34}
.alert.err{background:var(--nz-red-soft);border-color:#f3c3be;color:#7a1a1a}
.alert.warn{background:var(--nz-amber-soft);border-color:#f6d7ad;color:#7a4208}
.alert.info{background:var(--nz-chip);border-color:#cfd8f7;color:var(--nz-blue-3)}

/* ---------- صفحة التفاصيل ---------- */
.nz-detail{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;padding:2.2rem 0 3.5rem}
.nz-panel{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);box-shadow:0 1px 2px rgba(0,10,44,.04)}
.nz-panel > .hd{padding:1rem 1.3rem;border-bottom:2px solid var(--nz-blue);font-weight:800;color:var(--nz-ink);display:flex;align-items:center;gap:.6rem}
.nz-panel > .bd{padding:1.2rem 1.3rem}
.nz-cover{border-radius:var(--nz-radius);overflow:hidden;margin-bottom:1.4rem;background:var(--nz-ground);display:flex;justify-content:center}
.nz-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain}
.prose{font-size:1rem;line-height:2}
.prose p{margin:0 0 .9rem}
.prose ul{margin:0 0 1rem;padding-inline-start:1.3rem}
.nz-facts{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}
.nz-facts li{display:flex;gap:.8rem;align-items:flex-start}
.nz-facts .ico{width:40px;height:40px;border-radius:11px;background:var(--nz-chip);color:var(--nz-link);display:grid;place-items:center;flex:none}
.nz-facts .ico svg{width:20px;height:20px}
.nz-facts small{display:block;color:var(--nz-muted);font-size:.78rem}
.nz-facts b{color:var(--nz-ink);font-size:.95rem}
.sticky{position:sticky;top:104px}
.nz-days{display:flex;flex-wrap:wrap;gap:.45rem}
.nz-day{border:1px solid var(--nz-line);border-radius:10px;padding:.35rem .7rem;text-align:center;font-size:.8rem;line-height:1.4;min-width:84px}
.nz-day b{display:block;color:var(--nz-ink);font-size:.95rem}
.nz-seats{height:8px;border-radius:8px;background:var(--nz-ground);overflow:hidden;margin-top:.4rem}
.nz-seats span{display:block;height:100%;background:linear-gradient(90deg,var(--nz-sky),var(--nz-blue))}

/* ---------- خطوات التقديم ---------- */
.nz-flow{max-width:760px;margin:0 auto;padding:2.2rem 20px 4rem}
.nz-steps{display:flex;gap:0;margin:0 0 1.8rem;padding:0;list-style:none;counter-reset:s}
.nz-steps li{flex:1;text-align:center;position:relative;font-size:.82rem;color:var(--nz-muted);font-weight:700}
.nz-steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;margin:0 auto .45rem;border-radius:50%;
  background:var(--nz-surface);border:2px solid var(--nz-line);color:var(--nz-muted);font-family:var(--nz-mono);position:relative;z-index:1;transition:all .3s}
.nz-steps li::after{content:"";position:absolute;top:19px;inset-inline-start:50%;width:100%;height:2px;background:var(--nz-line);z-index:0}
.nz-steps li:last-child::after{display:none}
.nz-steps li.done::before{content:"✓";background:var(--nz-green);border-color:var(--nz-green);color:#fff}
.nz-steps li.done::after{background:var(--nz-green)}
.nz-steps li.on{color:var(--nz-link)}
.nz-steps li.on::before{background:var(--nz-blue);border-color:var(--nz-link);color:#fff;box-shadow:0 0 0 6px rgba(19,52,168,.14)}
.nz-flow .nz-panel > .bd{padding:1.6rem}
.nz-event-mini{display:flex;gap:.9rem;align-items:center;padding:.9rem 1rem;border-radius:12px;background:var(--nz-ground);margin-bottom:1.3rem}
.nz-event-mini .i{width:48px;height:48px;border-radius:12px;background:var(--nz-blue);color:#fff;display:grid;place-items:center;flex:none}
.nz-event-mini b{display:block;color:var(--nz-ink);line-height:1.5}
.nz-event-mini small{color:var(--nz-muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.idcard{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1rem;border-radius:12px;border:1px solid #cfe9db;background:linear-gradient(180deg,#F3FBF6,#fff);margin-bottom:1.4rem}
.idcard small{display:block;color:var(--nz-muted);font-size:.75rem}
.idcard b{color:var(--nz-ink)}
.idcard .full{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;color:var(--nz-green);font-weight:800;font-size:.88rem}

/* انتظار الموافقة في هويتي */
.nz-wait{text-align:center;padding:1rem 0 .5rem}
.nz-phone{width:112px;height:180px;margin:0 auto 1.2rem;border-radius:24px;border:3px solid var(--nz-navy);position:relative;background:var(--nz-surface);
  box-shadow:0 18px 40px rgba(0,10,44,.15)}
.nz-phone::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:34px;height:5px;border-radius:5px;background:var(--nz-navy);opacity:.25}
.nz-phone .scr{position:absolute;inset:22px 10px 20px;border-radius:12px;background:linear-gradient(180deg,#EEF2FF,#fff);display:grid;place-items:center}
.nz-phone .dot{width:46px;height:46px;border-radius:50%;background:var(--nz-blue);position:relative}
.nz-phone .dot::before,.nz-phone .dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--nz-blue);animation:nz-pulse 1.8s ease-out infinite}
.nz-phone .dot::after{animation-delay:.9s}
.nz-phone .dot svg{position:absolute;inset:11px;width:24px;height:24px;color:#fff}
@keyframes nz-pulse{from{transform:scale(1);opacity:.8}to{transform:scale(2.3);opacity:0}}
.nz-count{font-family:var(--nz-mono);font-size:1.9rem;font-weight:700;color:var(--nz-link)}
.nz-wait.ok .dot{background:var(--nz-green)}
.nz-wait.ok .dot::before,.nz-wait.ok .dot::after{border-color:var(--nz-green)}
.nz-wait.fail .dot{background:var(--nz-red)}
.nz-wait.fail .dot::before,.nz-wait.fail .dot::after{display:none}

/* تم استلام الطلب */
.nz-done{text-align:center;padding:1rem 0}
.nz-check{width:94px;height:94px;border-radius:50%;margin:0 auto 1.2rem;background:var(--nz-green);display:grid;place-items:center;
  box-shadow:0 0 0 12px var(--nz-green-soft);animation:nz-pop .5s cubic-bezier(.2,1.4,.5,1)}
.nz-check svg{width:46px;height:46px;color:#fff}
@keyframes nz-pop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.nz-ref{display:inline-block;margin:.7rem 0;padding:.55rem 1.4rem;border-radius:12px;background:var(--nz-ground);border:1px dashed #b9c0d6;
  font-family:var(--nz-mono);font-size:1.4rem;font-weight:700;color:var(--nz-ink);direction:ltr}
.nz-next{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.6rem 0 .4rem;text-align:start}
.nz-next div{border:1px solid var(--nz-line);border-radius:12px;padding:.9rem;font-size:.86rem}
.nz-next b{display:block;color:var(--nz-ink);margin-bottom:.2rem}
.nz-sahel{display:inline-flex;align-items:center;gap:.5rem;background:var(--nz-chip);color:var(--nz-blue-3);font-weight:700;padding:.4rem .9rem;border-radius:20px;font-size:.88rem}

/* قائمة طلباتي */
.nz-reqs{display:grid;gap:.9rem}
.nz-req{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;padding:1rem 1.1rem;border:1px solid var(--nz-line);border-radius:12px;background:var(--nz-surface)}
.nz-req h3{font-size:1rem}
.nz-req .meta{font-size:.84rem;color:var(--nz-muted)}
.badge{display:inline-flex;align-items:center;font-size:.78rem;font-weight:800;padding:.2rem .7rem;border-radius:20px;white-space:nowrap}
.badge.a{background:var(--nz-amber-soft);color:var(--nz-amber)}
.badge.i{background:var(--nz-chip);color:var(--nz-link)}
.badge.g{background:var(--nz-green-soft);color:var(--nz-green)}
.badge.r{background:var(--nz-red-soft);color:var(--nz-red)}
.badge.n{background:#F0F1F4;color:#5b6070}

.nz-empty{text-align:center;padding:3.5rem 1rem;color:var(--nz-muted)}
.nz-empty svg{width:64px;height:64px;color:#c5cad8;margin:0 auto .8rem}

/* ---------- التذييل (مطابق للموقع الرئيسي) ---------- */
.nz-footer{background:var(--nz-ground);border-top:1px solid #eceef2;margin-top:2rem}
.nz-footer .cols{display:grid;grid-template-columns:repeat(4,1fr) 280px;gap:0;padding:2.6rem 0 2rem}
.nz-footer .col{border-inline-start:2px solid var(--nz-line-2);padding:0 1.4rem}
.nz-footer .col:first-child{border-inline-start:none;padding-inline-start:0}
.nz-footer h4{font-size:1.05rem;margin-bottom:.8rem;font-weight:800}
.nz-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.nz-footer ul a{color:var(--nz-ink);font-size:.88rem}
.nz-footer ul a:hover{color:var(--nz-link)}
.nz-hotline{background:var(--nz-navy);color:#fff;border-radius:16px;padding:1.3rem 1.2rem;text-align:center;align-self:start}
.nz-hotline small{display:block;font-weight:700;font-size:1rem}
.nz-hotline b{display:block;font-size:2.4rem;line-height:1.3;font-family:var(--nz-mono)}
.nz-hotline a{display:inline-block;margin-top:.5rem;background:var(--nz-surface);color:var(--nz-link);border-radius:10px;padding:.4rem 1.2rem;font-weight:700}
.nz-copy{border-top:1px solid #e6e8ed;padding:1rem 0;font-size:.85rem;color:var(--nz-ink);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

/* ---------- الشاشات الصغيرة ---------- */
@media (max-width:980px){
  .nz-detail{grid-template-columns:1fr}
  .sticky{position:static}
  .nz-footer .cols{grid-template-columns:1fr 1fr;gap:1.6rem 0}
  .nz-footer .col:nth-child(3){border-inline-start:none;padding-inline-start:0}
  .nz-hotline{grid-column:1/-1}
}
@media (max-width:1080px){
  .nz-main,.nz-contact{display:none}
  .nz-burger{display:flex}
  .nz-header .hdr{grid-template-columns:auto 1fr auto;min-height:72px}
  .nz-burger{grid-column:1}
  .nz-logo{grid-column:2;justify-self:center}
  .nz-logo img{height:52px}
  .nz-mega{display:none!important}
}
@media (max-width:640px){
  .nz-hero h1{font-size:1.75rem}
  .nz-grid{grid-template-columns:1fr}
  .grid2,.nz-next,.idcard{grid-template-columns:1fr}
  .nz-search{max-width:none;min-width:0;width:100%}
  .nz-steps li{font-size:.7rem}
  .nz-footer .cols{grid-template-columns:1fr}
  .nz-footer .col{border-inline-start:none;padding:0}
  .nz-req{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.nz-announce,.nz-header,.nz-footer,.nz-tools,.btn{display:none!important}}

/* أدوات */
.push{margin-inline-start:auto}
.center{text-align:center}
.mt1{margin-top:1rem}.mt2{margin-top:2rem}.mb0{margin-bottom:0}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.hidden{display:none!important}
.small{font-size:.85rem}
.nz-seats .w0{width:0%}
.nz-seats .w10{width:10%}
.nz-seats .w20{width:20%}
.nz-seats .w30{width:30%}
.nz-seats .w40{width:40%}
.nz-seats .w50{width:50%}
.nz-seats .w60{width:60%}
.nz-seats .w70{width:70%}
.nz-seats .w80{width:80%}
.nz-seats .w90{width:90%}
.nz-seats .w100{width:100%}
.jc{justify-content:center}
/* حجم الأيقونات المضمّنة */
.nz-panel > .hd svg,.nz-sahel svg,.idcard svg,.nz-event-mini svg,.btn svg,.nz-req svg{width:20px;height:20px;flex:none}
.nz-event-mini .i svg{width:24px;height:24px}
.nz-empty svg{display:block}

/* =========================================================================
   صفحات الموقع
   ========================================================================= */
.nz-pagehead{background:var(--nz-ground);border-bottom:1px solid #eceef2}
.nz-pagehead .wrap{padding-top:1.8rem;padding-bottom:1.6rem}
.nz-pagehead h1{font-size:2rem}
.nz-pagehead p{margin:.4rem 0 0;color:var(--nz-muted);max-width:70ch}
.crumbs{font-size:.84rem;color:var(--nz-muted);display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}
.crumbs a{color:var(--nz-muted)}.crumbs a:hover{color:var(--nz-link)}
.sec{padding:3rem 0}
.sec.alt{background:var(--nz-ground)}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}
.sec-h h2{font-size:1.9rem}
.sec-h .more{font-weight:700;color:var(--nz-link);border:1.5px solid var(--nz-blue);border-radius:10px;padding:.45rem 1.1rem;font-size:.9rem}
.sec-h .more:hover{background:var(--nz-blue);color:#fff}
.link{font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* الصفحة الرئيسية */
.home-hero{position:relative;display:block;background:#9b9b9b;overflow:hidden}
.home-hero img{width:100%;max-height:560px;object-fit:cover}
.home-hero .lbl{position:absolute;bottom:1.4rem;inset-inline-end:2rem;color:#fff;font-size:1.6rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.home-hero .over{position:absolute;inset-block-start:50%;inset-inline-start:6%;transform:translateY(-50%);color:#fff;max-width:520px}
.home-hero .over h2{color:#fff;font-size:2.3rem;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.home-hero .over p{font-size:1.1rem;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.home-hero .over .btn{margin-top:.8rem}
.slides{position:relative}
.slides .slide{display:none}.slides .slide.on{display:block}
.slides .dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.4rem}
.slides .dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.6);cursor:pointer;padding:0}
.slides .dots button.on{background:var(--nz-surface);width:26px;border-radius:6px}
.starthere{border-bottom:1px solid var(--nz-line)}
.starthere .wrap{display:flex;align-items:center;gap:2rem;min-height:66px;flex-wrap:wrap;font-size:.92rem}
.starthere b{color:var(--nz-link)}
.starthere a{color:var(--nz-ink)}.starthere a:hover{color:var(--nz-link)}
.strategy{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:center}
.ring{width:290px;height:290px;border-radius:50%;margin:0 auto;display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--nz-blue) calc(var(--p,0)*1%),#E9ECF2 0)}
.ring::before{content:"";position:absolute;inset:22px;border-radius:50%;background:var(--nz-surface)}
.ring span{position:relative;text-align:center;color:var(--nz-ink);font-weight:800;line-height:1.3}
.ring span b{display:block;font-size:3rem;color:var(--nz-link);font-family:var(--nz-mono)}
.strategy h2{font-size:2.1rem;margin-bottom:.4rem}
.strategy dl{margin:1.2rem 0 0;display:grid;gap:.9rem}
.strategy dt{font-weight:800;color:var(--nz-ink)}
.strategy dd{margin:0;color:var(--nz-text)}
.fds-box{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.fds-check{background:var(--nz-surface);border-radius:var(--nz-radius);box-shadow:var(--nz-shadow);padding:1.5rem;margin-bottom:1.4rem}
.fds-check h3{font-size:1.25rem;margin-bottom:.9rem}
.fds-check form{display:flex;gap:.6rem}
.fds-check input{flex:1}
.fds-art img{border-radius:var(--nz-radius);width:100%}
.acc{display:grid;gap:.6rem}
.acc details{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:12px}
.acc summary{cursor:pointer;padding:1rem 1.2rem;font-weight:800;color:var(--nz-ink);list-style:none;display:flex;gap:1rem;justify-content:space-between;align-items:center}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--nz-ground);color:var(--nz-link);display:grid;place-items:center;font-size:1.2rem}
.acc details[open] summary::after{content:"−";background:var(--nz-blue);color:#fff}
.acc .ans{padding:0 1.2rem 1.1rem}
.ency-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.ency-tile{position:relative;height:210px;border-radius:var(--nz-radius);background:#E9EBEF;overflow:hidden;display:flex;align-items:flex-end;padding:1.3rem;color:var(--nz-ink)}
.ency-tile img.bg{position:absolute;inset-block:0;inset-inline-end:0;height:100%;width:auto;opacity:.9;object-fit:contain}
.ency-tile b{position:relative;font-size:1.6rem;display:flex;align-items:center;gap:.5rem}
.ency-tile b img{width:20px;height:20px}
.ency-tile:hover{box-shadow:var(--nz-shadow);color:var(--nz-link)}
.newsletter{margin-top:1.6rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.newsletter input{max-width:340px}
.cta-band{position:relative;color:#fff;background:#0b1d4a center/cover no-repeat;min-height:330px;display:flex;align-items:center}
.cta-band::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,10,44,.62),rgba(0,10,44,.12))}
[dir=ltr] .cta-band::before{background:linear-gradient(90deg,rgba(0,10,44,.62),rgba(0,10,44,.12))}
.cta-band .wrap{position:relative;width:100%}
.cta-band h2{color:#fff;font-size:2.4rem;line-height:1.35}
.cta-band p{font-size:1.25rem;margin:.6rem 0 1.4rem}
.cta-band .btn{min-width:230px}
.cta-band .btn+.btn{margin-inline-start:.6rem}

/* البطاقات العامة */
.cards{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:var(--nz-shadow)}
.card .img{aspect-ratio:16/10;background:#E9EBEF;overflow:hidden;position:relative;display:block}
/* المصغّرات تملأ الإطار، والقص من الأسفل أكثر من الأعلى حتى لا تُقطع الرؤوس */
.card .img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
/* صور الأشخاص (القيادات): إطار طولي ومحاذاة لأعلى الصورة حتى لا يُقص الرأس */
.cards.people .card .img{aspect-ratio:4/5}
.cards.people .card .img img{object-position:center top}
.card .img .ph{position:absolute;inset:0;display:grid;place-items:center}
.card .img .ph img{width:45%;height:auto;object-fit:contain;opacity:.35}
.card .img .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.card .img .play svg{width:56px;height:56px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.card .bd{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card .meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--nz-muted)}
.term{display:inline-block;background:var(--nz-chip);color:var(--nz-link);font-weight:800;font-size:.76rem;padding:.15rem .65rem;border-radius:20px}
.card h3{font-size:1.04rem;line-height:1.65}
.card h3 a{color:var(--nz-ink)}.card h3 a:hover{color:var(--nz-link)}
.card p{margin:0;color:var(--nz-muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .go{margin-top:auto;padding-top:.6rem;font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.card .ico-type{width:18px;height:18px}
.rows{display:grid;gap:.8rem}
.rowcard{display:grid;grid-template-columns:1fr auto;gap:.4rem 1.2rem;align-items:center;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:12px;padding:1rem 1.2rem}
.rowcard h3{font-size:1.02rem}.rowcard h3 a{color:var(--nz-ink)}.rowcard h3 a:hover{color:var(--nz-link)}
.rowcard .meta{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.82rem;color:var(--nz-muted);grid-column:1}
.rowcard p{margin:0;color:var(--nz-muted);font-size:.88rem;grid-column:1}
.rowcard .acts{grid-row:1/4;grid-column:2;display:flex;gap:.5rem}

/* صفحة القائمة: فلتر جانبي + نتائج */
.listing{display:grid;grid-template-columns:270px minmax(0,1fr);gap:2rem;align-items:start;padding:2.2rem 0 3.5rem}
.filters{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.1rem 1.2rem;position:sticky;top:110px}
.filters h3{font-size:.98rem;margin:0 0 .7rem;display:flex;align-items:center;gap:.4rem}
.filters h3 svg{width:18px;height:18px;color:var(--nz-link)}
.filters .grp{margin-bottom:1.2rem}
.filters .opt{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;color:var(--nz-text)}
.filters .opt::before{content:"";width:15px;height:15px;border:1.5px solid #b4b8c2;border-radius:4px;flex:none}
.filters .opt.on{color:var(--nz-link);font-weight:800}
.filters .opt.on::before{background:var(--nz-blue);border-color:var(--nz-link);box-shadow:inset 0 0 0 2px #fff}
.filters .opt .n{margin-inline-start:auto;font-size:.75rem;color:var(--nz-muted);font-family:var(--nz-mono)}
.filters .clear{font-size:.85rem;color:var(--nz-red)}
.filters form{display:flex;gap:.4rem;margin-bottom:1rem}
.filters form .btn{padding:.5rem .7rem}
.pager{display:flex;gap:.35rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--nz-line);color:var(--nz-ink);font-weight:700;padding:0 .6rem}
.pager .on{background:var(--nz-blue);border-color:var(--nz-link);color:#fff}
.pager a:hover{border-color:var(--nz-link)}
.count{color:var(--nz-muted);font-size:.88rem;margin-bottom:1rem}

/* صفحة التفاصيل */
.article{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.2rem;padding:2.2rem 0 3.5rem;align-items:start}
.article.wide{grid-template-columns:minmax(0,1fr)}
/* صورة صفحة التفاصيل: تُعرض كاملة بلا قص — الطولية (صور الأشخاص) تتوسط بخلفية فاتحة */
.cover{border-radius:var(--nz-radius);overflow:hidden;margin-bottom:1.4rem;background:var(--nz-ground);display:flex;justify-content:center}
.cover img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain}
.article h1{font-size:1.9rem;line-height:1.5;margin:.6rem 0 1rem}
.article .meta{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;color:var(--nz-muted);font-size:.9rem}
.article aside{display:grid;gap:1rem;position:sticky;top:110px}
.prose img{max-width:100%;height:auto;border-radius:10px}
.prose h2{font-size:1.35rem;margin:1.4rem 0 .6rem}.prose h3{font-size:1.15rem;margin:1.2rem 0 .5rem}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.93rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--nz-line);padding:.55rem .7rem;text-align:start;vertical-align:top}
.prose th{background:var(--nz-ground);color:var(--nz-ink)}
.prose blockquote{margin:1rem 0;padding:.6rem 1.1rem;border-inline-start:4px solid var(--nz-blue);background:var(--nz-ground);border-radius:10px}
.prose iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose ol{padding-inline-start:1.3rem}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-top:1rem}
.gallery a{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--nz-ground)}
.gallery img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .3s}
.gallery a:hover img{transform:scale(1.05)}
.lightbox{position:fixed;inset:0;z-index:95;background:rgba(0,6,24,.92);display:grid;place-items:center;padding:2rem}
.lightbox img{max-width:100%;max-height:86vh;border-radius:8px}
.lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer}
.lightbox .x{top:1rem;inset-inline-end:1rem}.lightbox .prev{inset-inline-start:1rem;top:50%}.lightbox .next{inset-inline-end:1rem;top:50%}
.filebox{display:flex;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--nz-line);border-radius:12px;background:var(--nz-surface)}
.filebox .ext{width:46px;height:54px;border-radius:8px;background:var(--nz-red-soft);color:var(--nz-red);display:grid;place-items:center;font-weight:800;font-size:.75rem;flex:none}
.filebox b{display:block;color:var(--nz-ink);font-size:.92rem}
.filebox small{color:var(--nz-muted)}
.share{display:flex;gap:.4rem;flex-wrap:wrap}
.share a,.share button{font:inherit;font-size:.82rem;font-weight:700;border:1px solid var(--nz-line);border-radius:20px;padding:.3rem .8rem;background:var(--nz-surface);color:var(--nz-ink);cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--nz-link);color:var(--nz-link)}
.back{display:inline-flex;gap:.4rem;align-items:center;font-weight:700;margin-top:2rem}
.factlist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.9rem}
.factlist li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--nz-line);padding-bottom:.5rem}
.factlist li span{color:var(--nz-muted)}.factlist li b{color:var(--nz-ink);text-align:end}
video{width:100%;border-radius:12px;background:#000}
audio{width:100%}

/* الإحصائيات */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.4rem 0}
.kpi{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.1rem 1.2rem}
.kpi small{color:var(--nz-muted);font-weight:700}
.kpi b{display:block;font-size:2.2rem;color:var(--nz-ink);font-family:var(--nz-mono);line-height:1.3}
.kpi b span{font-size:1rem;color:var(--nz-muted)}
.kpi .d{font-size:.85rem;font-weight:800}.kpi .d.up{color:var(--nz-green)}.kpi .d.down{color:var(--nz-red)}
.chart{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1rem}
.chart svg{width:100%;height:auto;display:block;direction:ltr}
.chart text{font-family:var(--nz-font);font-size:12px;fill:var(--nz-muted)}
.chart .ln{fill:none;stroke:var(--nz-blue);stroke-width:3}
.chart .pt{fill:#fff;stroke:var(--nz-blue);stroke-width:3}
.chart .gr{stroke:#E9ECF2}

/* الخدمات */
.svc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:2rem;padding:2.2rem 0 3.5rem;align-items:start}
.svc-hero{position:relative;border-radius:var(--nz-radius);overflow:hidden;min-height:230px;background:#eef0f5;display:flex;align-items:flex-end;margin-bottom:1.6rem}
.svc-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-hero .in{position:relative;padding:1.6rem;background:linear-gradient(0deg,rgba(255,255,255,.97),rgba(255,255,255,.75) 70%,transparent);width:100%}
.svc-hero h2{font-size:1.6rem}
.form-sec{margin-bottom:1.6rem}
.form-sec > h3{font-size:1.05rem;color:var(--nz-link);border-bottom:2px solid var(--nz-line);padding-bottom:.45rem;margin-bottom:1rem}
.req{color:var(--nz-red)}
.idbar{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;padding:.9rem 1.1rem;border-radius:12px;background:var(--nz-green-soft);color:#145c34;margin-bottom:1.4rem;font-size:.9rem}
.idbar b{color:#0d4425}
.idbar svg,.filters form svg,.nz-empty svg,.share svg{width:20px;height:20px;flex:none}
.idbar .push{margin-inline-start:auto}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2rem;padding:2.2rem 0 3.5rem;align-items:start}
.contact-card{background:var(--nz-navy);color:#fff;border-radius:var(--nz-radius);padding:1.5rem;margin-bottom:1rem}
.contact-card h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}
.contact-card a{color:#fff;text-decoration:underline}
.contact-card .big{font-size:2.4rem;font-family:var(--nz-mono);font-weight:800}
.map{border:0;width:100%;aspect-ratio:4/3;border-radius:var(--nz-radius)}
.svc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.svc-card{display:flex;flex-direction:column;gap:.4rem;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.2rem;color:var(--nz-text)}
.svc-card b{color:var(--nz-ink);font-size:1.05rem}
.svc-card:hover{border-color:var(--nz-link);box-shadow:var(--nz-shadow)}
.social a{display:inline-block;margin-inline-start:.5rem}
.social a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--nz-navy);margin-inline-start:.35rem;vertical-align:middle}
.social img{width:16px;height:16px;display:block;object-fit:contain}
.totop{color:var(--nz-ink);font-weight:700}

@media (max-width:980px){
  .listing,.article,.svc-grid,.contact-grid{grid-template-columns:1fr}
  .filters,.article aside{position:static}
  .strategy,.fds-box{grid-template-columns:1fr}
  .cards.c3{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .cards.c3,.ency-tiles{grid-template-columns:1fr}
  .nz-pagehead h1{font-size:1.5rem}
  .cta-band h2{font-size:1.7rem}
  .cta-band .btn{min-width:0;width:100%}.cta-band .btn+.btn{margin:.6rem 0 0}
  .starthere .wrap{gap:.6rem 1.2rem;padding-top:.8rem;padding-bottom:.8rem}
  .home-hero .lbl{font-size:1.1rem;inset-inline-end:1rem;bottom:.8rem}
  .home-hero .over h2{font-size:1.4rem}
  .rowcard{grid-template-columns:1fr}.rowcard .acts{grid-row:auto;grid-column:1}
  .ring{width:220px;height:220px}
  .fds-check form{flex-direction:column}
  .nz-actions .nz-lang{display:none}
}

/* ===== مواعيد إقرار الذمة المالية ===== */
.fds-hero{--c:var(--nz-blue);--bg:#EEF2FF;display:flex;gap:1.1rem;align-items:flex-start;padding:1.5rem 1.6rem;border-radius:var(--nz-radius);
  background:var(--bg);border:1px solid color-mix(in srgb,var(--c) 22%,transparent);border-inline-start:6px solid var(--c);margin-bottom:1.2rem}
.fds-hero.due{--c:var(--nz-blue);--bg:#EEF2FF}
.fds-hero.ok{--c:var(--nz-green);--bg:var(--nz-green-soft)}
.fds-hero.none{--c:var(--nz-amber);--bg:var(--nz-amber-soft)}
.fds-hero.info{--c:var(--nz-blue-3);--bg:var(--nz-ground)}
.fds-hero.err{--c:var(--nz-red);--bg:var(--nz-red-soft)}
.fds-ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff}
.fds-ic svg{width:26px;height:26px}
.fds-hero-tx small{display:block;color:var(--c);font-weight:800;font-size:.82rem;letter-spacing:0}
.fds-hero-tx h2{font-size:1.45rem;margin:.15rem 0 .35rem}
.fds-hero-tx p{margin:0;color:var(--nz-text);font-size:.98rem}
.fds-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.fds-fact{background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}
.fds-fact small{color:var(--nz-muted);font-weight:700}
.fds-fact b{font-size:1.35rem;color:var(--nz-ink)}
.fds-chip{align-self:flex-start;font-size:.8rem;font-weight:800;border-radius:20px;padding:.12rem .7rem;background:var(--nz-green-soft);color:var(--nz-green)}
.fds-chip.soon{background:var(--nz-amber-soft);color:var(--nz-amber)}
.fds-chip.now{background:var(--nz-red-soft);color:var(--nz-red)}
.fds-hint{margin:.55rem .2rem 1.2rem}
.fds-history{margin-top:1.6rem;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.2rem 1.4rem}
.fds-history h3{font-size:1.1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}
.fds-count{font-size:.8rem;background:var(--nz-blue);color:#fff;border-radius:20px;padding:.05rem .6rem}
.fds-timeline{list-style:none;margin:0 0 .6rem;padding:0;position:relative}
.fds-timeline li{display:flex;gap:.9rem;align-items:flex-start;padding:.55rem 0;position:relative}
.fds-timeline li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:15px;top:2.3rem;bottom:-.55rem;width:2px;background:var(--nz-line)}
.fds-timeline .dot{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--nz-green-soft);color:var(--nz-green);border:2px solid #bfe6cf}
.fds-timeline .dot svg{width:16px;height:16px}
.fds-timeline li:first-child .dot{background:var(--nz-green);color:#fff;border-color:var(--nz-green)}
.fds-timeline b{display:block;color:var(--nz-ink)}
.fds-foot{margin-top:1.6rem;padding-top:1.1rem;border-top:1px solid var(--nz-line)}
@media (max-width:640px){.fds-hero{flex-direction:column;padding:1.2rem}.fds-hero-tx h2{font-size:1.2rem}}

/* «نزاهة في أرقام» — عدّاد الزوار أعلى التذييل */
.nz-pulse{position:relative;overflow:hidden;color:#fff;margin-top:2.5rem;
  background:radial-gradient(1200px 260px at 85% -40%,rgba(93,200,228,.28),transparent 60%),linear-gradient(120deg,var(--nz-navy),var(--nz-blue-3) 55%,var(--nz-blue))}
.nz-pulse::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 14px)}
.nz-pulse .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:1rem;padding:1.6rem 20px}
.pulse-title{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.15rem}
.pulse-title .ring{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.55);position:relative;flex:none}
.pulse-title .ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--nz-sky)}
.pulse-item{border-inline-start:1px solid rgba(255,255,255,.18);padding-inline-start:1.2rem}
.pulse-item b{display:block;font-family:var(--nz-mono);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;letter-spacing:.5px;line-height:1.2;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.pulse-item span{display:flex;align-items:center;gap:.45rem;font-size:.86rem;color:rgba(255,255,255,.78)}
.pulse-item .dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:nz-live 2s infinite}
.nz-pulse + .nz-footer{margin-top:0}
@keyframes nz-live{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 9px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
@media (max-width:820px){
  .nz-pulse .wrap{grid-template-columns:repeat(3,1fr);gap:1.2rem .6rem;padding:1.4rem 16px}
  .pulse-title{grid-column:1/-1;justify-content:center}
  .pulse-item{border:none;padding:0;text-align:center}
  .pulse-item b{text-align:center}
  .pulse-item span{justify-content:center;font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){.pulse-item .dot{animation:none}}
@media print{.nz-pulse{display:none}}

/* صفحات الخدمات الضيقة (بدل style مضمّن يمنعه CSP) + صفحة العبور إلى K-Net */
.page-narrow{padding:2rem 20px 3.5rem;max-width:980px}
.pay-go{padding:4rem 20px;text-align:center;display:grid;gap:1rem;justify-items:center}
.page-pad{padding:2rem 20px 3.5rem}
.page-pad-b{padding:0 20px 3.5rem}
.print-only{display:none}
@media print{.print-only{display:block}.print-head{text-align:center;margin-bottom:1rem}.print-head b,.print-head span{display:block}.print-head span{color:#555}}
/* زر «اذهب إلى الأعلى» العائم */
.fab-top{position:fixed;inset-inline-start:auto;inset-inline-end:22px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:var(--nz-blue);color:#fff;box-shadow:0 8px 22px rgba(0,10,44,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
.fab-top.show{opacity:1;visibility:visible;transform:none}
.fab-top:hover,.fab-top:focus-visible{background:var(--nz-navy);color:#fff}
@media (max-width:640px){.fab-top{width:42px;height:42px;bottom:16px;inset-inline-end:16px}}
@media print{.fab-top{display:none}}
/* محتوى الصفحات: قائمة بأيقونات (أهداف نزاهة) وخطوات مرقّمة (الاختصاصات، دليل الطلب) */
.prose h2{font-size:1.35rem;margin:2rem 0 .9rem}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.08rem;margin:1.4rem 0 .7rem;color:var(--nz-link)}
.prose .lead{font-size:1.1rem;color:var(--nz-ink);font-weight:600}
.prose .note{background:#F5F7FC;border-inline-start:4px solid var(--nz-blue);border-radius:10px;padding:.9rem 1.1rem}
.prose ul.icon-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}
.prose ul.icon-list li{display:flex;gap:.9rem;align-items:flex-start;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:14px;padding:1rem 1.1rem;line-height:1.85}
.prose ul.icon-list img{width:48px;height:48px;object-fit:contain;flex:none;margin:.15rem 0 0}
.prose ol.steps{list-style:none;counter-reset:step;padding:0;margin:0 0 1.3rem;display:grid;gap:.6rem}
.prose ol.steps li{counter-increment:step;position:relative;padding-inline-start:3rem;min-height:2.2rem;line-height:1.9}
.prose ol.steps li::before{content:counter(step);position:absolute;inset-inline-start:0;top:.1rem;width:2.1rem;height:2.1rem;border-radius:50%;
  background:var(--nz-blue);color:#fff;font-weight:700;display:grid;place-items:center;font-size:.95rem}
.prose ol.steps li strong{display:block;color:var(--nz-ink)}
@media (max-width:640px){.prose ul.icon-list{grid-template-columns:1fr}}

/* بنر «النزاهة تحمي الوطن»: الصورة بحجمها الحقيقي (1080×560) في الوسط وحوافها تذوب في الرمادي — بلا تكبير ولا قص.
   الصورة تفتح الموقع الرئيسي، وعبارة «موقع مشروع أداء» وحدها رابط أداء */
.hero-adaa{background:#9c9c9c;display:flex;justify-content:center}
.hero-adaa .hero-img{display:block;line-height:0}
.hero-adaa .hero-img img{width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
@media (max-width:1100px){.hero-adaa .hero-img img{-webkit-mask-image:none;mask-image:none}}
.hero-adaa .lbl{z-index:1;text-decoration:none;padding:.35rem .9rem;border-radius:999px;background:rgba(0,10,44,.5);transition:background .2s}
.hero-adaa .lbl:hover,.hero-adaa .lbl:focus-visible{background:rgba(0,10,44,.55);text-decoration:underline;text-underline-offset:4px}

/* بنر «تنسيق الجهود»: صورة المبنى بارتفاع البنر في جهة، والنص على الأزرق في الجهة الأخرى — فلا يغطي النص لوحة المبنى */
.cta-band{min-height:400px;background-size:auto 100%;background-position:left center}
[dir=ltr] .cta-band{background-position:right center}
.cta-band::before{background:linear-gradient(270deg,#0b1d4a 0,#0b1d4a 38%,rgba(11,29,74,.55) 52%,rgba(11,29,74,.08) 72%)}
[dir=ltr] .cta-band::before{background:linear-gradient(90deg,#0b1d4a 0,#0b1d4a 38%,rgba(11,29,74,.55) 52%,rgba(11,29,74,.08) 72%)}
@media (max-width:900px){
  .cta-band{background-size:cover;background-position:center}
  .cta-band::before,[dir=ltr] .cta-band::before{background:rgba(11,29,74,.62)}
}

/* الانتقال إلى قسم داخل الصفحة لا يختفي تحت الشريط العلوي */
.prose h2,.prose h3{scroll-margin-top:120px}

/* =========================================================================
   الصفحة الرئيسية — لمسة حركة وحيوية (تحترم «تقليل الحركة»)
   ========================================================================= */
@keyframes nz-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes nz-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes nz-sweep{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes nz-glow{0%,100%{opacity:.55;transform:translate(0,0) scale(1)}50%{opacity:.9;transform:translate(4%,-6%) scale(1.12)}}
@keyframes nz-pulse{0%{box-shadow:0 0 0 0 rgba(93,200,228,.55)}100%{box-shadow:0 0 0 14px rgba(93,200,228,0)}}

/* بنر «أداء» المتحرّك: السماء والغيوم تتحرّك خلف الصورة وفوقها، لمعة ضوء تعبر الأبراج والعبارة،
   بريق على كرات الأبراج، وأضواء حمراء في قممها، والصورة تقترب ببطء وتتبع الفأرة قليلاً (عمق) */
@keyframes nz-drift{from{transform:translateX(-45%)}to{transform:translateX(115%)}}
@keyframes nz-rise-dot{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-260px) scale(1);opacity:0}}
@keyframes nz-glint{0%,55%{background-position:160% 0}100%{background-position:-60% 0}}
@keyframes nz-twinkle{0%,70%,100%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}80%{transform:translate(-50%,-50%) scale(1) rotate(45deg);opacity:1}90%{transform:translate(-50%,-50%) scale(.4) rotate(90deg);opacity:.6}}
@keyframes nz-beacon{0%,100%{opacity:.25;box-shadow:0 0 0 0 rgba(255,60,60,0)}8%,22%{opacity:1;box-shadow:0 0 10px 4px rgba(255,60,60,.75)}30%{opacity:.25}}
@keyframes nz-rays{0%,100%{transform:rotate(-4deg);opacity:.55}50%{transform:rotate(3deg);opacity:.9}}
@keyframes nz-skytint{0%,100%{opacity:.35}50%{opacity:.75}}
.hero-adaa{--mx:0;--my:0;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#b1b1b1,#a3a3a3 30%,#9b9b9b 70%,#979797)}
.hero-adaa .sky{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translate(calc(var(--mx)*16px),calc(var(--my)*8px));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-adaa .sky::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(140,175,215,.55),rgba(140,175,215,0) 55%);animation:nz-skytint 14s ease-in-out infinite}
.hero-adaa .lane{position:absolute;left:0;width:100%;height:0;animation:nz-drift linear infinite}
.hero-adaa .cl{position:absolute;left:0;display:block;width:260px;height:70px;border-radius:50%;filter:blur(10px);
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 55%,rgba(255,255,255,0))}
.hero-adaa .cl::before,.hero-adaa .cl::after{content:"";position:absolute;border-radius:50%;background:inherit}
.hero-adaa .cl::before{width:55%;height:120%;left:15%;top:-55%}
.hero-adaa .cl::after{width:40%;height:95%;left:48%;top:-35%}
.hero-adaa .sky .l1{top:12%;animation-duration:70s;animation-delay:-20s}
.hero-adaa .sky .l2{top:34%;animation-duration:95s;animation-delay:-60s}
.hero-adaa .sky .l2 .cl{transform:scale(.7);opacity:.8}
.hero-adaa .sky .l3{top:4%;animation-duration:120s;animation-delay:-95s}
.hero-adaa .sky .l3 .cl{transform:scale(1.25);opacity:.6}
.hero-adaa .dot{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:var(--nz-surface);box-shadow:0 0 10px 2px rgba(93,200,228,.8);animation:nz-rise-dot 9s ease-in infinite}
.hero-adaa .d1{left:4%;animation-delay:-1s}.hero-adaa .d2{left:9%;animation-delay:-5s;animation-duration:11s}
.hero-adaa .d3{left:14%;animation-delay:-7s}.hero-adaa .d4{right:5%;animation-delay:-2s;animation-duration:12s}
.hero-adaa .d5{right:10%;animation-delay:-6s}.hero-adaa .d6{right:15%;animation-delay:-9s;animation-duration:10s}

.hero-adaa .hero-img{position:relative;z-index:1;overflow:hidden;transform:translate(calc(var(--mx)*-6px),calc(var(--my)*-4px));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-adaa .stage{position:relative;display:block;animation:nz-zoom 18s ease-in-out infinite alternate;transform-origin:25% 40%}
.hero-adaa .fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hero-adaa .fx .lane .cl{width:28vw;max-width:340px;height:5.5vw;max-height:66px;opacity:.55;mix-blend-mode:screen}
.hero-adaa .fx .l4{top:9%;animation-duration:55s;animation-delay:-10s}
.hero-adaa .fx .l5{top:27%;animation-duration:80s;animation-delay:-45s}
.hero-adaa .fx .l5 .cl{transform:scale(.65)}
/* أشعة شمس خلف الأبراج من الزاوية العلوية */
.hero-adaa .rays{position:absolute;left:-30%;top:-80%;width:110%;height:200%;transform-origin:30% 30%;mix-blend-mode:screen;animation:nz-rays 16s ease-in-out infinite;
  background:repeating-conic-gradient(from 100deg at 30% 30%,rgba(255,255,255,.16) 0 3deg,rgba(255,255,255,0) 3deg 11deg);
  -webkit-mask-image:radial-gradient(closest-side at 30% 30%,#000,transparent);mask-image:radial-gradient(closest-side at 30% 30%,#000,transparent)}
/* لمعة ضوء تعبر الصورة كل بضع ثوانٍ */
.hero-adaa .glint{position:absolute;inset:0;mix-blend-mode:overlay;animation:nz-glint 8s cubic-bezier(.45,0,.25,1) infinite;
  background:linear-gradient(105deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 58%) no-repeat;background-size:250% 100%}
/* بريق على كرات الأبراج وزجاج البرج */
.hero-adaa .spark{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%) scale(0);animation:nz-twinkle 5s ease-in-out infinite;
  background:radial-gradient(circle,#fff 0 2px,rgba(255,255,255,.7) 3px,rgba(255,255,255,0) 7px),
    linear-gradient(90deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%);
  filter:drop-shadow(0 0 4px rgba(150,220,255,.9))}
.hero-adaa .s1{left:15.6%;top:22%}
.hero-adaa .s2{left:21.6%;top:50%;animation-delay:-1.3s}
.hero-adaa .s3{left:30.6%;top:55%;animation-delay:-2.6s;width:24px;height:24px}
.hero-adaa .s4{left:52.6%;top:33%;animation-delay:-3.8s;width:22px;height:22px}
/* أضواء الملاحة الحمراء في قمم الأبراج */
.hero-adaa .beacon{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ff4a4a;animation:nz-beacon 2.4s infinite}
.hero-adaa .b1{left:17.6%;top:1.6%}
.hero-adaa .b2{left:32.8%;top:17%;animation-delay:-.8s}
.hero-adaa .b3{left:27.8%;top:40%;animation-delay:-1.6s}
.hero-adaa .lbl{bottom:4.2rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);animation:nz-rise .8s .4s both}
.hero-adaa .lbl::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--nz-sky);margin-inline-end:.55rem;vertical-align:middle;animation:nz-pulse 1.8s infinite}

/* الشرائح: تلاشٍ ناعم + اقتراب الصورة + صعود النص */
.slides .slide{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.slides .slide.on{position:relative;opacity:1;visibility:visible}
.slides .slide.on img{animation:nz-zoom 9s ease-out both}
.slides .slide .over{background:linear-gradient(135deg,rgba(0,10,44,.55),rgba(0,10,44,.15));padding:1.4rem 1.6rem;border-radius:18px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.slides .slide.on .over > *{animation:nz-rise .8s both}
.slides .slide.on .over > :nth-child(2){animation-delay:.15s}
.slides .slide.on .over > :nth-child(3){animation-delay:.3s}

/* «أو ابدأ من هنا»: شريط عائم فوق البنر ببطاقات وأيقونات */
.starthere{border:0;position:relative;z-index:2;margin-top:-42px;margin-bottom:.5rem}
.starthere .wrap{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(225,227,231,.9);
  border-radius:20px;box-shadow:0 18px 50px rgba(0,10,44,.14);padding:.8rem 1rem;gap:.6rem;min-height:0;max-width:1140px;display:grid;
  grid-template-columns:auto repeat(4,1fr);align-items:stretch}
.starthere b{display:flex;align-items:center;padding-inline:.6rem;font-size:.95rem;white-space:nowrap}
.starthere a{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:14px;line-height:1.45;font-weight:700;font-size:.88rem;
  transition:background .25s,transform .25s,box-shadow .25s,color .25s}
.starthere a i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--nz-blue),var(--nz-sky));box-shadow:0 6px 14px rgba(19,52,168,.28);transition:transform .35s}
.starthere a i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.starthere a:hover,.starthere a:focus-visible{background:#F2F5FD;color:var(--nz-link);transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,10,44,.08)}
.starthere a:hover i{transform:rotate(-8deg) scale(1.08)}

/* عناوين الأقسام: خط مزدوج اللون يمتد عند الظهور */
.sec-h h2{position:relative;padding-bottom:.55rem}
.sec-h h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:4px;width:64px;border-radius:4px;
  background:linear-gradient(90deg,var(--nz-blue),var(--nz-sky));transform-origin:right;transition:transform .9s .2s cubic-bezier(.2,.8,.2,1)}
[dir=ltr] .sec-h h2::after{transform-origin:left}
.sec-h .more{transition:background .2s,color .2s;display:inline-flex;align-items:center;gap:.4rem}
.sec-h .more::after{content:"←";transition:transform .25s}
[dir=ltr] .sec-h .more::after{content:"→"}
.sec-h .more:hover::after{transform:translateX(-4px)}
[dir=ltr] .sec-h .more:hover::after{transform:translateX(4px)}
.sec.alt{background:linear-gradient(180deg,#F4F6FB,#FAFBFD)}

/* الاستراتيجية: حلقة متدرجة مع توهج وخلفية نقطية خفيفة */
#NStrategy{position:relative;overflow:hidden}
#NStrategy::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(19,52,168,.14) 1.2px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(60% 80% at 80% 50%,#000,transparent);mask-image:radial-gradient(60% 80% at 80% 50%,#000,transparent)}
[dir=ltr] #NStrategy::before{-webkit-mask-image:radial-gradient(60% 80% at 20% 50%,#000,transparent);mask-image:radial-gradient(60% 80% at 20% 50%,#000,transparent)}
.strategy{position:relative}
.ring{background:conic-gradient(var(--nz-blue) 0,var(--nz-sky) calc(var(--p,0)*1%),#E9ECF2 0);box-shadow:0 20px 50px rgba(19,52,168,.18)}
.ring::before{box-shadow:inset 0 6px 18px rgba(0,10,44,.06)}
.strategy dt{display:flex;align-items:center;gap:.5rem}
.strategy dt::before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--nz-blue),var(--nz-sky));transform:rotate(45deg)}
.strategy dd{background:var(--nz-surface);border:1px solid var(--nz-line);border-inline-start:4px solid var(--nz-blue);border-radius:12px;padding:.8rem 1rem;box-shadow:0 6px 18px rgba(0,10,44,.04)}

/* البطاقات: تكبير الصورة وخط علوي ملوّن عند المرور */
.card{position:relative}
.card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;z-index:1;background:linear-gradient(90deg,var(--nz-blue),var(--nz-sky));transform:scaleX(0);transition:transform .4s}
.card:hover::before{transform:scaleX(1)}
.card .img img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.card:hover .img img{transform:scale(1.07)}
.card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,10,44,.13)}

/* «آخر الأخبار»: المميز من كل الأقسام — تبويب، شارة القسم، «مميز» و«جديد» */
.card[hidden]{display:none}
.spot-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:-.6rem 0 1.4rem}
.spot-tabs button{font:inherit;font-size:.88rem;font-weight:700;color:var(--nz-ink);background:var(--nz-surface);border:1.5px solid var(--nz-line);border-radius:999px;padding:.4rem 1.05rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.spot-tabs button:hover{border-color:var(--nz-link);color:var(--nz-link)}
.spot-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--nz-blue),#2a6fdb);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(19,52,168,.25)}
.spot-tabs button:focus-visible{outline:3px solid var(--nz-sky);outline-offset:2px}
.card.spot .kind{position:absolute;inset-inline-start:.75rem;bottom:.75rem;z-index:1;font-size:.78rem;font-weight:700;color:#fff;padding:.28rem .75rem;border-radius:999px;
  background:rgba(0,20,70,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28)}
.card.spot.k-tenders .kind,.card.spot.k-po .kind{background:rgba(0,122,61,.78)}
.card .meta .new{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:#C8102E;font-size:.78rem}
.card .meta .new::before{content:"";width:8px;height:8px;border-radius:50%;background:#C8102E;box-shadow:0 0 0 0 rgba(200,16,46,.5);animation:nz-ping 1.8s ease-out infinite}
@keyframes nz-ping{0%{box-shadow:0 0 0 0 rgba(200,16,46,.5)}80%,100%{box-shadow:0 0 0 9px rgba(200,16,46,0)}}
/* البطاقة المميزة: إطار ذهبي متدرج ولمعة تمر على الصورة */
.card.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#D4A63C,#F3DB8B 35%,var(--nz-sky) 70%,var(--nz-blue)) border-box;
  box-shadow:0 14px 34px rgba(180,135,30,.16)}
.card.featured::before{background:linear-gradient(90deg,#D4A63C,#F3DB8B,var(--nz-sky))}
.card.featured .img::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:1;pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:nz-shine 5s ease-in-out infinite}
@keyframes nz-shine{0%,62%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.card.featured .img::after,.card .meta .new::before{animation:none}.card.featured .img::after{display:none}}

/* إقرار الذمة: إطار متدرج للاستعلام */
.fds-check{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box}
.fds-art{display:block;border-radius:var(--nz-radius);overflow:hidden;box-shadow:0 20px 50px rgba(0,10,44,.12);transition:transform .4s}
.fds-art:hover{transform:translateY(-4px) rotate(-.6deg)}

/* المركز التثقيفي: بلاطات بتدرج وأيقونة دائرية */
.ency-tile{background:linear-gradient(145deg,#EEF2FB,#E3E8F3);transition:transform .35s,box-shadow .35s,color .25s}
.ency-tile img.bg{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ency-tile b img{width:38px;height:38px;padding:8px;border-radius:50%;background:var(--nz-surface);box-shadow:0 6px 14px rgba(0,10,44,.12);transition:transform .35s}
.ency-tile:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,10,44,.13)}
.ency-tile:hover img.bg{transform:scale(1.08)}
.ency-tile:hover b img{transform:scale(1.12) rotate(-8deg)}

/* «تنسيق الجهود»: عنوان بخط متدرج وزر بلمعة */
.cta-band{overflow:hidden}
.cta-band h2{position:relative;padding-bottom:.7rem;margin-bottom:.2rem}
.cta-band h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:90px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--nz-sky),#fff)}
.cta-band .btn{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.cta-band .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.25)}
.cta-band .btn.primary::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:nz-sweep 4.5s ease-in-out infinite;pointer-events:none}

/* ظهور الأقسام عند التمرير (يضيفها site.js فقط إن كانت الحركة مسموحة) */
.nz-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}
.nz-reveal.in{opacity:1;transform:none}
.sec-h.nz-reveal h2::after{transform:scaleX(0)}
.sec-h.nz-reveal.in h2::after{transform:scaleX(1)}

@media (max-width:1000px){
  .starthere .wrap{grid-template-columns:1fr 1fr}
  .starthere b{grid-column:1/-1;padding:.2rem .4rem}
}
@media (max-width:640px){
  .starthere{margin-top:-18px}
  .hero-adaa .lbl{bottom:1.7rem}
  .starthere .wrap{border-radius:16px;padding:.6rem;gap:.4rem;width:calc(100% - 24px)}
  .starthere a{padding:.55rem;font-size:.8rem;gap:.5rem}
  .starthere a i{width:34px;height:34px}
  .starthere a i svg{width:19px;height:19px}
  .hero-adaa .spark{width:18px;height:18px}
  .hero-adaa .s3,.hero-adaa .s4{width:14px;height:14px}
  .hero-adaa .beacon{width:4px;height:4px}
}
@media (prefers-reduced-motion:reduce){
  .hero-adaa .sky,.hero-adaa .fx .lane,.hero-adaa .glint,.hero-adaa .spark,.hero-adaa .dot{display:none}
  .hero-adaa .stage,.hero-adaa .rays,.hero-adaa .beacon,.hero-adaa .lbl,.hero-adaa .lbl::before,
  .slides .slide.on img,.slides .slide.on .over > *,.cta-band .btn.primary::after{animation:none}
  .slides .slide{transition:none}
}

/* =========================================================================
   الشريط العلوي: خط ألوان الهوية المتدفّق، شريط تقدّم القراءة، زجاج وتصغير عند التمرير،
   خط متدرّج تحت عناصر القائمة، والقائمة الكبيرة تنزل بنعومة وروابطها تظهر بالتتابع
   ========================================================================= */
@keyframes nz-flow{to{background-position:200% 0}}
@keyframes nz-mega-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.nz-header{transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.nz-header::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--nz-navy),var(--nz-blue),var(--nz-sky),var(--nz-blue),var(--nz-navy));background-size:200% 100%;animation:nz-flow 8s linear infinite}
.nz-progress{position:absolute;inset-inline:0;bottom:0;height:3px;z-index:3;pointer-events:none;transform:scaleX(var(--sp,0));transform-origin:right;
  background:linear-gradient(90deg,var(--nz-sky),var(--nz-blue));box-shadow:0 0 10px rgba(93,200,228,.7);transition:transform .12s linear}
[dir=ltr] .nz-progress{transform-origin:left}
.nz-header .hdr{transition:min-height .35s}
.nz-logo img{transition:height .35s,transform .35s}
.nz-logo:hover img{transform:scale(1.05)}
.nz-header.scrolled{background:rgba(255,255,255,.84);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 8px 30px rgba(0,10,44,.1)}
.nz-header.scrolled .hdr{min-height:70px}
.nz-header.scrolled .nz-logo img{height:52px}

.nz-top{position:relative}
.nz-top::after{content:"";position:absolute;inset-inline:.8rem;bottom:.2rem;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--nz-blue),var(--nz-sky));transform:scaleX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nz-top:hover,.nz-top[aria-expanded=true]{background:linear-gradient(180deg,#F3F6FD,#EAF0FC)}
.nz-top:hover::after,.nz-top[aria-expanded=true]::after,.nz-top.on::after{transform:scaleX(1)}
.nz-top.cta::after{display:none}

.nz-contact{position:relative;border-radius:999px;padding:.45rem 1.1rem;border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box;transition:color .25s,box-shadow .25s,transform .25s}
.nz-contact:hover{color:#fff;background:linear-gradient(135deg,var(--nz-blue-3),var(--nz-blue)) border-box;box-shadow:0 8px 20px rgba(19,52,168,.25);transform:translateY(-1px)}
.nz-header.scrolled .nz-contact{background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box}
.nz-header.scrolled .nz-contact:hover{background:linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box}
.nz-ico{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.nz-ico:hover{background:#EEF2FC;box-shadow:0 0 0 4px rgba(93,200,228,.18);transform:translateY(-1px)}
.nz-ico svg{transition:transform .3s}
.nz-ico:hover svg{transform:scale(1.12) rotate(-8deg)}

.nz-mega:not([hidden]){animation:nz-mega-in .35s cubic-bezier(.2,.8,.2,1) both}
.nz-mega::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--nz-blue),var(--nz-sky))}
.nz-mega:not([hidden]) .wrap > *{animation:nz-rise .5s cubic-bezier(.2,.8,.2,1) both}
.nz-mega .wrap > :nth-child(2){animation-delay:.06s}.nz-mega .wrap > :nth-child(3){animation-delay:.12s}
.nz-mega .wrap > :nth-child(4){animation-delay:.18s}.nz-mega .wrap > :nth-child(5){animation-delay:.24s}
.mega-intro{background:linear-gradient(145deg,#F4F7FE,#EAF0FC);border:1px solid #E1E8F8}
.mega-col h3{border-image:linear-gradient(90deg,var(--nz-blue),var(--nz-sky),transparent) 1}
[dir=rtl] .mega-col h3{border-image:linear-gradient(270deg,var(--nz-blue),var(--nz-sky),transparent) 1}
.mega-intro a:not(.btn),.mega-col a{display:inline-flex;align-items:center;gap:.4rem;transition:color .2s,transform .25s}
.mega-intro a:not(.btn)::before,.mega-col a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--nz-sky);opacity:0;transform:scale(0);transition:opacity .2s,transform .25s}
.mega-intro a:not(.btn):hover,.mega-col a:hover{transform:translateX(-4px)}
[dir=ltr] .mega-intro a:not(.btn):hover,[dir=ltr] .mega-col a:hover{transform:translateX(4px)}
.mega-intro a:not(.btn):hover::before,.mega-col a:hover::before{opacity:1;transform:none}

/* =========================================================================
   دائرة نسبة الإنجاز: مقياس بعلامات، نقطة مضيئة تجري مع النسبة، مدار يدور، وموجة نبض عند الاكتمال
   ========================================================================= */
@keyframes nz-spin{to{transform:rotate(360deg)}}
@keyframes nz-ripple{0%{transform:scale(.92);opacity:.7}100%{transform:scale(1.22);opacity:0}}
@keyframes nz-tipglow{0%,100%{box-shadow:0 0 0 4px rgba(93,200,228,.35),0 0 16px 4px rgba(93,200,228,.75)}50%{box-shadow:0 0 0 8px rgba(93,200,228,.15),0 0 26px 8px rgba(93,200,228,.9)}}
.ring{--r:134px;isolation:isolate}
.ring .halo,.ring .ticks,.ring .orbit,.ring .tip{position:absolute;pointer-events:none}
.ring .halo{inset:0;border-radius:50%;border:2px solid var(--nz-sky);opacity:0}
.ring.done .halo{animation:nz-ripple 2.6s ease-out infinite}
.ring .ticks{inset:-16px;border-radius:50%;
  background:conic-gradient(var(--nz-blue) calc(var(--p,0)*1%),#C9D0DE 0);
  -webkit-mask:repeating-conic-gradient(#000 0 1.2deg,transparent 1.2deg 6deg),radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));
  -webkit-mask-composite:source-in;
  mask:repeating-conic-gradient(#000 0 1.2deg,transparent 1.2deg 6deg) intersect,radial-gradient(closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))}
.ring .orbit{inset:-34px;border-radius:50%;border:1.5px dashed rgba(19,52,168,.22);animation:nz-spin 40s linear infinite}
.ring .orbit::after{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--nz-blue);box-shadow:0 0 10px rgba(19,52,168,.6)}
.ring .tip{left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--nz-surface);border:4px solid var(--nz-sky);z-index:1;
  transform:rotate(calc(var(--p,0)*3.6deg)) translateY(calc(var(--r)*-1));animation:nz-tipglow 2s ease-in-out infinite}
.ring span b{background:linear-gradient(135deg,var(--nz-navy),var(--nz-blue) 50%,var(--nz-sky));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3.4rem;transition:transform .4s}
.ring.done span b{transform:scale(1.06)}
@media (max-width:640px){.ring{--r:99px}.ring .orbit{inset:-24px}.ring .ticks{inset:-12px}.ring span b{font-size:2.6rem}}

@media (prefers-reduced-motion:reduce){
  .nz-header::before,.nz-mega:not([hidden]),.nz-mega:not([hidden]) .wrap > *,.ring .orbit,.ring .tip,.ring.done .halo{animation:none}
}

/* =========================================================================
   بنر الرئيسية — طابع حكومي: ظهور سينمائي، شبكة ضوء تربط الأبراج بالمدينة وبعبارة «النزاهة»،
   توهّج هادئ خلف العبارة، وشريط بألوان علم الكويت أسفل البنر
   ========================================================================= */
@keyframes nz-intro{from{opacity:0;filter:blur(10px) saturate(.5)}to{opacity:1;filter:none}}
@keyframes nz-curtain{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes nz-breathe{0%,100%{opacity:.35;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}
@keyframes nz-dash{to{stroke-dashoffset:-22}}
@keyframes nz-run{from{stroke-dashoffset:6}to{stroke-dashoffset:-110}}
@keyframes nz-node{from{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}
@keyframes nz-fadein{to{opacity:1}}
@keyframes nz-flagshine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100vw)}}
.hero-adaa .hero-img{animation:nz-intro 1.6s cubic-bezier(.2,.8,.2,1) backwards}
.hero-adaa .fx::after{content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 66%);animation:nz-curtain 1.8s .6s cubic-bezier(.6,0,.2,1) forwards}
.hero-adaa .textglow{position:absolute;left:57%;top:28%;width:43%;height:44%;mix-blend-mode:soft-light;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0));animation:nz-breathe 6s ease-in-out infinite}
.hero-adaa .net{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;animation:nz-fadein 1.2s 1.5s forwards}
.hero-adaa .net .ln{fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.4;stroke-dasharray:4 7;animation:nz-dash 2.6s linear infinite}
.hero-adaa .net .run{fill:none;stroke:#C8F3FF;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 120;filter:drop-shadow(0 0 5px #5DC8E4);animation:nz-run 5s linear infinite}
.hero-adaa .net .r2{animation-duration:2.6s;animation-delay:-1s}
.hero-adaa .net .r3{animation-duration:7s;animation-delay:-3.5s}
.hero-adaa .net .nd circle{fill:#fff}
.hero-adaa .net .nd .pl{fill:none;stroke:#5DC8E4;stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:nz-node 2.6s ease-out infinite}
.hero-adaa .net .nd:nth-of-type(2) .pl{animation-delay:-.5s}.hero-adaa .net .nd:nth-of-type(3) .pl{animation-delay:-1s}
.hero-adaa .net .nd:nth-of-type(4) .pl{animation-delay:-1.5s}.hero-adaa .net .nd:nth-of-type(5) .pl{animation-delay:-2s}
.hero-adaa .net .nd:nth-of-type(6) .pl{animation-delay:-.8s}
.hero-adaa .flag{position:absolute;left:0;right:0;bottom:0;height:6px;z-index:2;overflow:hidden;
  background:linear-gradient(90deg,#000 0 10%,#007A3D 10% 40%,#fff 40% 70%,#CE1126 70% 100%)}
.hero-adaa .flag::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:nz-flagshine 6s ease-in-out infinite}

/* =========================================================================
   بطاقة مؤشر الإنجاز — كحلي رسمي بزخرفة هندسية هادئة، مقياس دائري وشريط خطي يمتلئان معاً
   ========================================================================= */
@keyframes nz-pat{to{background-position:64px 64px}}
@keyframes nz-scan{to{transform:rotate(360deg)}}
@keyframes nz-sheen{0%,70%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes nz-pop{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}
.gauge-card{position:relative;overflow:hidden;isolation:isolate;max-width:340px;margin:0 auto;border-radius:24px;padding:1.3rem 1.4rem 1.2rem;color:#fff;text-align:center;
  background:radial-gradient(120% 90% at 50% 0%,#1C42BE 0,#0C2682 45%,#000A2C 100%);box-shadow:0 30px 60px rgba(0,10,44,.3),inset 0 1px 0 rgba(255,255,255,.15)}
.gauge-card::before{content:"";position:absolute;inset:0;z-index:-1;animation:nz-pat 30s linear infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.08'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='5'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E")}
.gauge-card::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:nz-sheen 7s ease-in-out infinite}
.gc-head{display:flex;align-items:center;justify-content:center;gap:.55rem;font-weight:800;font-size:.95rem;color:#DCE5FF;
  padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.12)}
.gc-head img{width:32px;height:32px;filter:brightness(0) invert(1)}
.gauge{position:relative;width:224px;height:224px;margin:.9rem auto .3rem}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
[dir=rtl] .gauge svg{transform:scaleX(-1) rotate(-90deg)} /* بالعربية يمتلئ عكس عقارب الساعة، مثل الشريط من اليمين */
.gauge::before{content:"";position:absolute;inset:8px;border-radius:50%;animation:nz-scan 6s linear infinite;
  background:conic-gradient(from 0deg,transparent 0 72%,rgba(93,200,228,.32) 92%,transparent 100%);
  -webkit-mask:radial-gradient(closest-side,transparent 74%,#000 76%);mask:radial-gradient(closest-side,transparent 74%,#000 76%)}
.gauge::after{content:"";position:absolute;inset:14px;border-radius:50%;border:2px solid rgba(93,200,228,.6);opacity:0}
.gauge-card.done .gauge::after{animation:nz-ripple 2.8s ease-out infinite}
.gauge .trk{fill:none;stroke:rgba(255,255,255,.12);stroke-width:14}
.gauge .mk{fill:none;stroke:rgba(255,255,255,.5);stroke-width:7;stroke-dasharray:.35 24.65}
.gauge .arc{fill:none;stroke:url(#gArc);stroke-width:14;stroke-linecap:round;stroke-dasharray:0 100;filter:drop-shadow(0 0 8px rgba(93,200,228,.8))}
.gauge span{position:absolute;inset:0;display:grid;place-content:center;color:#B9C8F5;font-weight:700;font-size:.92rem;line-height:1.35}
.gauge span b{display:block;font-family:var(--nz-font);font-size:3.5rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(93,200,228,.55)}
.gauge-card.done .gauge span b{animation:nz-pop .7s ease-out}
.gc-bar{height:8px;border-radius:8px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:.5rem}
.gc-bar i{display:block;height:100%;width:calc(var(--p,0)*1%);border-radius:8px;background:linear-gradient(90deg,#5DC8E4,#fff);box-shadow:0 0 12px rgba(93,200,228,.8)}
[dir=rtl] .gc-bar i{margin-inline-start:0;background:linear-gradient(270deg,#5DC8E4,#fff)}
.gc-scale{display:flex;justify-content:space-between;font-size:.72rem;color:#93A6DE;margin-top:.35rem}
.gc-foot{margin:.6rem 0 0;font-size:.85rem;color:#DCE5FF;font-weight:700}
@media (max-width:640px){.gauge{width:200px;height:200px}.gauge span b{font-size:2.9rem}}
@media (prefers-reduced-motion:reduce){
  .hero-adaa .hero-img,.hero-adaa .fx::after,.hero-adaa .textglow,.hero-adaa .net .ln,.hero-adaa .net .run,.hero-adaa .net .pl,.hero-adaa .flag::after,
  .gauge-card::before,.gauge-card::after,.gauge::before,.gauge-card.done .gauge::after,.gauge-card.done .gauge span b{animation:none}
  .hero-adaa .net{opacity:1;animation:none}.hero-adaa .net .run{display:none}.hero-adaa .fx::after{display:none}
}

/* =========================================================================
   عبارة «النزاهة تحمي الوطن» نصاً حيّاً فوق البنر: تنكشف كلمة كلمة من اليمين، يمرّ عليها بريق فضي
   كل بضع ثوانٍ، وتحتها خط بألوان علم الكويت يُرسم ثم يلمع. المقاسات بنسبة عرض الصورة (cqw)
   ========================================================================= */
@keyframes nz-reveal{from{clip-path:inset(-20% 0 -20% 100%);opacity:0;transform:translateX(28px);filter:blur(6px)}
  to{clip-path:inset(-20% 0 -20% 0);opacity:1;transform:none;filter:blur(0)}}
@keyframes nz-shimmer{0%,62%{background-position:120% 0}100%{background-position:-60% 0}}
@keyframes nz-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* عرض صريح للإطار: وحدات cqw تحتاج حاوية لا يعتمد عرضها على محتواها */
.hero-adaa .hero-img{width:min(1080px,100%);flex:none}
.hero-adaa .stage{container-type:inline-size;width:100%}
.hero-adaa .hero-img .stage img{width:100%;max-height:none}
.hero-adaa .htitle{position:absolute;right:4.1%;top:33.5%;direction:ltr;display:flex; /* ltr ليكون flex-end يميناً في اللغتين */flex-direction:column;align-items:flex-end;text-align:right;
  font-family:var(--nz-font);color:#fff;line-height:1.08;pointer-events:none;filter:drop-shadow(0 .35cqw 1.2cqw rgba(0,10,44,.28))}
.hero-adaa .htitle b,.hero-adaa .htitle em{display:block;font-style:normal;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(105deg,#fff 0 36%,#7fd3ee 43%,#fff 48%,#5DC8E4 53%,#fff 60% 100%);background-size:260% 100%;background-position:120% 0;
  animation:nz-reveal 1.1s cubic-bezier(.2,.8,.2,1) 1s backwards,nz-shimmer 6.5s ease-in-out 3.4s infinite}
/* التعبئة بالنص (background-clip) لا ترسم خارج صندوق السطر، فنُفسح للنقاط والذيول أسفل الحروف وأعلاها */
.hero-adaa .htitle b,.hero-adaa .htitle em{padding:.15em .08em .3em;margin:-.15em -.08em -.3em}
.hero-adaa .htitle b{font-weight:800;font-size:7.3cqw;letter-spacing:-.02em}
.hero-adaa .htitle em{font-weight:300;font-size:6.9cqw;margin-top:.2cqw;animation-delay:1.45s,4s}
.hero-adaa .htitle .hbar{position:relative;display:block;overflow:hidden;width:18cqw;height:.55cqw;min-height:3px;margin-top:1.4cqw;border-radius:99px;
  transform-origin:right;animation:nz-draw .9s cubic-bezier(.2,.8,.2,1) 2.1s backwards;
  background:linear-gradient(270deg,#000 0 14%,#007A3D 14% 43%,#fff 43% 72%,#CE1126 72% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.hero-adaa .htitle .hbar::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:nz-sweep 4s ease-in-out 3s infinite}
[dir=ltr] .hero-adaa .htitle b{letter-spacing:0;font-size:6.2cqw}
[dir=ltr] .hero-adaa .htitle em{font-size:4.6cqw}
@media (prefers-reduced-motion:reduce){
  .hero-adaa .htitle b,.hero-adaa .htitle em,.hero-adaa .htitle .hbar,.hero-adaa .htitle .hbar::after{animation:none}
}

/* ================================================================ تحسينات 2026-11 */
/* «جديد» و«محدَّث» في القوائم والتفاصيل — نفس شارة البطاقات */
.rowcard .meta .new,.article .meta .new{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:#C8102E;font-size:.78rem}
.rowcard .meta .new::before,.article .meta .new::before{content:"";width:8px;height:8px;border-radius:50%;background:#C8102E;animation:nz-ping 1.8s ease-out infinite}
.meta .new.upd{color:var(--nz-green)}.meta .new.upd::before{background:var(--nz-green);animation:none}
.upd-line{color:var(--nz-muted);font-size:.85rem}
@media (prefers-reduced-motion:reduce){.rowcard .meta .new::before,.article .meta .new::before{animation:none}}

/* الخدمات الإلكترونية في الرئيسية */
.svc-sec{padding-top:2.4rem}
.svc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.svc-card{display:flex;flex-direction:column;gap:.45rem;background:var(--nz-surface);border:1px solid var(--nz-line);border-radius:var(--nz-radius);padding:1.2rem 1.2rem 1rem;color:var(--nz-text);
  box-shadow:0 1px 2px rgba(0,10,44,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.svc-card:hover,.svc-card:focus-visible{transform:translateY(-3px);box-shadow:var(--nz-shadow);border-color:var(--nz-link);color:var(--nz-text)}
.svc-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--nz-chip);color:var(--nz-link)}
.svc-ico svg{width:26px;height:26px}
.svc-card b{color:var(--nz-ink);font-size:1.02rem;line-height:1.5}
.svc-when{color:var(--nz-muted);font-size:.86rem;line-height:1.65;flex:1}
.svc-go{color:var(--nz-link);font-weight:800;font-size:.88rem}

/* اسأل نزاهة */
.ask-box{margin-top:1.6rem;background:linear-gradient(135deg,var(--nz-navy) 0%,var(--nz-blue-3) 60%,var(--nz-blue) 100%);color:#fff;border-radius:var(--nz-radius);padding:1.4rem 1.5rem}
.ask-h{display:flex;gap:.9rem;align-items:center;margin-bottom:.9rem}
.ask-h h2{color:#fff;font-size:1.25rem;margin:0}.ask-h p{margin:0;color:#dfe6ff;font-size:.92rem}
.ask-ico{width:46px;height:46px;flex:none;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.ask-ico svg{width:26px;height:26px;color:#fff}
.ask-box form{display:flex;gap:.6rem}
.ask-box input{flex:1;min-width:0}
.ask-box .btn.primary{background:var(--nz-sky);border-color:var(--nz-sky);color:var(--nz-ink)}
.ask-box .btn.primary:hover{background:var(--nz-surface);border-color:#fff}
.ask-res{margin-top:1rem}
.ask-res:empty{display:none}
.ask-ans,.ask-none{background:var(--nz-surface);color:var(--nz-text);border-radius:12px;padding:1rem 1.2rem}
.ask-ans h3{font-size:1.05rem;margin:.2rem 0 .4rem}.ask-ans h3 a{color:var(--nz-ink)}
.ask-ans p{margin:0 0 .5rem}
.ask-src{font-size:.78rem;font-weight:800;color:var(--nz-green)}
.ask-none p{margin:0 0 .7rem}
.ask-none .btn+.btn{margin-inline-start:.4rem}
.ask-more-h{margin:.9rem 0 .3rem;font-weight:700;font-size:.9rem}
.ask-more{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.ask-more a{color:#fff;text-decoration:underline}
.ask-note{margin:.8rem 0 0;font-size:.78rem;color:#c9d3f5}
.page-pad .ask-box ~ .ask-res .ask-more a,.ask-res .ask-more .term{color:inherit}
.page-pad > .ask-res .ask-more a{color:var(--nz-link)}.page-pad > .ask-res .ask-note{color:var(--nz-muted)}
.count + .ask-box{margin-top:.4rem}.ask-box + .acc{margin-top:1.2rem}

/* البحث: تبويب الأقسام، المقتطف، الكلمة المطابقة */
.srch-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.srch-tabs a{border:1.5px solid var(--nz-line);border-radius:20px;padding:.3rem .9rem;font-weight:700;font-size:.88rem;color:var(--nz-ink);background:var(--nz-surface)}
.srch-tabs a b{color:var(--nz-muted);font-weight:700;margin-inline-start:.25rem}
.srch-tabs a.on{background:var(--nz-blue);border-color:var(--nz-link);color:#fff}.srch-tabs a.on b{color:#dfe6ff}
.srch-group{margin-bottom:2rem}
.srch-group .sec-h{margin-bottom:.8rem}.srch-group h2{font-size:1.2rem}
.srch-hit .snip{color:var(--nz-text);font-size:.92rem;line-height:1.8;margin:.2rem 0 0}
.srch-hit mark,.ask-res mark{background:#FFF1B8;color:inherit;padding:0 .1em;border-radius:3px}
.srch-hit .infile{color:var(--nz-amber);font-weight:700}

/* هل كانت هذه الإجابة مفيدة؟ */
.helpful{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.6rem;padding:1rem 1.2rem;background:var(--nz-ground);border:1px solid var(--nz-line);border-radius:12px}
.helpful > span{font-weight:800;color:var(--nz-ink);margin-inline-end:.4rem}
.helpful .btn svg{width:16px;height:16px}
.helpful-thanks{flex-basis:100%;margin:.2rem 0 0;color:var(--nz-green);font-weight:700}

/* أدوات سهولة الوصول */
.nz-a11y-btn span{font-weight:800;font-size:.95rem;letter-spacing:-.02em}
.nz-a11y{border-top:1px solid var(--nz-line);background:var(--nz-surface)}
.nz-a11y .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.7rem;padding-bottom:.7rem}
.nz-a11y .lbl{font-weight:800;color:var(--nz-ink);margin-inline-end:.3rem}
.nz-a11y [aria-pressed="true"]{background:var(--nz-blue);border-color:var(--nz-link);color:#fff}
html.a11y-fs-1{font-size:93.75%}
html.a11y-fs1{font-size:112.5%}
html.a11y-fs2{font-size:125%}
html.a11y-fs3{font-size:137.5%}
html.a11y-links main a{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px}
html.a11y-links main a:focus,html.a11y-links main a:hover{background:#FFF1B8;color:#000!important}
/* تباين عالٍ: نص أسود على أبيض، حدود واضحة، روابط مسطّرة */
html.a11y-hc{--nz-text:#000;--nz-muted:#1a1a1a;--nz-line:#000;--nz-ground:#fff;--nz-blue:#001E8C;--nz-blue-3:#000A2C}
html.a11y-hc body{background:var(--nz-surface);color:#000}
html.a11y-hc main a{text-decoration:underline;color:#001E8C}
html.a11y-hc .card,html.a11y-hc .rowcard,html.a11y-hc .svc-card,html.a11y-hc .nz-panel,html.a11y-hc .acc details{border:2px solid #000;box-shadow:none}
html.a11y-hc .term{background:#000;color:#fff}
html.a11y-hc .sec.alt{background:var(--nz-surface)}
html.a11y-hc .home-hero .over,html.a11y-hc .ask-box{background:#000A2C}
html.a11y-hc :focus-visible{outline:3px solid #C8102E!important;outline-offset:2px}
@media (max-width:640px){.ask-box{padding:1.1rem}.ask-h{align-items:flex-start}.svc-cards{grid-template-columns:1fr 1fr}.svc-when{display:none}}
/* تطبيق سهل: بطاقة بشعار التطبيق وألوانه */
.sahel-card{--sh1:#1F3F87;--sh2:#2C6FC0;--sh3:#3BA3DC;position:relative;overflow:hidden;isolation:isolate;margin:.2rem 0 1rem;padding:1.1rem 1.1rem 1rem;
  border-radius:16px;border:1px solid #D7E4F5;background:linear-gradient(160deg,#F2F7FD 0%,#fff 70%)}
.sahel-card::before{content:"";position:absolute;z-index:-1;inset-inline-end:-38px;top:-38px;width:130px;height:130px;opacity:.12;
  background:conic-gradient(from 45deg,var(--sh1),var(--sh2),var(--sh3),var(--sh1));transform:rotate(45deg);border-radius:22px}
.sahel-top{display:flex;align-items:center;gap:.8rem}
.sahel-logo{flex:none;width:64px;height:64px;border-radius:16px;background:var(--nz-surface);box-shadow:0 6px 18px rgba(31,63,135,.22),0 0 0 1px rgba(31,63,135,.06);
  display:grid;place-items:center;animation:sahel-float 4s ease-in-out infinite}
.sahel-logo img{width:64px;height:64px;border-radius:16px;display:block}
.sahel-title b{display:block;color:var(--sh1);font-size:1.02rem;line-height:1.45}
.sahel-title small{display:block;color:var(--nz-muted);font-size:.78rem;line-height:1.5}
.sahel-steps{list-style:none;margin:.9rem 0 .8rem;padding:0;display:grid;gap:.45rem}
.sahel-steps li{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--nz-ink);font-size:.92rem}
.sahel-steps li span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:800;
  background:linear-gradient(135deg,var(--sh2),var(--sh3))}
.sahel-steps li + li span{background:linear-gradient(135deg,var(--sh1),var(--sh2))}
.sahel-open{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1rem;border-radius:12px;color:#fff;font-weight:800;
  background:linear-gradient(135deg,var(--sh1),var(--sh2) 60%,var(--sh3));box-shadow:0 8px 20px rgba(44,111,192,.3);transition:transform .2s,box-shadow .2s}
.sahel-open:hover,.sahel-open:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(44,111,192,.38)}
.sahel-open img{width:26px;height:26px;border-radius:7px;background:var(--nz-surface)}
.sahel-stores{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.sahel-store{display:flex;align-items:center;gap:.45rem;padding:.5rem .55rem;border-radius:12px;background:#0B1530;color:#fff;
  direction:ltr;justify-content:center;transition:transform .2s,background .2s}
.sahel-store:hover,.sahel-store:focus-visible{background:var(--sh1);color:#fff;transform:translateY(-2px)}
.sahel-store svg{width:22px;height:22px;flex:none}
.sahel-store span{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.sahel-store small{font-size:.66rem;opacity:.8}
.sahel-store b{font-size:.88rem;font-family:"Segoe UI",Arial,sans-serif;white-space:nowrap}
.sahel-card [hidden]{display:none!important}
.nz-done .sahel-card{max-width:460px;margin-inline:auto;text-align:start}
@keyframes sahel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.sahel-logo{animation:none}}
@media (max-width:380px){.sahel-stores{grid-template-columns:1fr}}
html.a11y-hc .sahel-card{border:2px solid #000;background:var(--nz-surface)}

/* ================================================================ WCAG 2.2 AA */
/* على الخلفيات الداكنة إطار التركيز سماوي (الأزرق لا يظهر عليها) */
.nz-footer :focus-visible,.ask-box :focus-visible,.cta-band :focus-visible,.home-hero :focus-visible,.nz-announce :focus-visible,.gauge-card :focus-visible{outline-color:var(--nz-sky);box-shadow:none}
/* إيقاف الحركة (من أدوات سهولة الوصول) — مثل «تقليل الحركة» في الجهاز */
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* القائمة على الهاتف نافذة: لا يُتنقّل خلفها */
.nz-drawer[role="dialog"]:focus{outline:none}

/* ================================================================ الوضع الداكن — بألوان الهوية (كحلي/أزرق)
   يُفعَّل بـ data-theme="dark" على <html>: تلقائياً حسب إعداد الجهاز، أو من زر «الوضع الداكن» في أدوات سهولة الوصول */
html[data-theme="dark"]{
  color-scheme:dark;
  --nz-surface:#121B37; --nz-ground:#0B1229; --nz-line:#2A3559;
  --nz-text:#E3E7F2; --nz-muted:#A9B1C7; --nz-ink:#F2F5FC; --nz-link:#A9C2FF; --nz-chip:#1C2957;
  --nz-green:#5BD08F; --nz-green-soft:#12332A; --nz-red:#FF8A80; --nz-red-soft:#3A1A1F; --nz-amber:#F5B86B; --nz-amber-soft:#3A2A14;
  --nz-shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--nz-surface);color:var(--nz-text)}
html[data-theme="dark"] a:hover{color:#CFDCFF}
html[data-theme="dark"] .nz-header{background:#0E1631;box-shadow:0 2px 18px rgba(0,0,0,.45)}
html[data-theme="dark"] .nz-logo img,html[data-theme="dark"] .dr-head img{filter:brightness(0) invert(1)}
html[data-theme="dark"] .nz-mega,html[data-theme="dark"] .nz-drawer,html[data-theme="dark"] .nz-searchbar,html[data-theme="dark"] .nz-a11y{background:#0E1631}
html[data-theme="dark"] .sec.alt,html[data-theme="dark"] .nz-pagehead{background:var(--nz-ground)}
html[data-theme="dark"] .btn{border-color:var(--nz-line);color:var(--nz-ink)}
html[data-theme="dark"] .btn.primary{background:#2E55D6;border-color:#2E55D6;color:#fff}
html[data-theme="dark"] .btn.primary:hover{background:#4169E8;border-color:#4169E8}
html[data-theme="dark"] .term{color:#C3D3FF}
html[data-theme="dark"] .srch-hit mark,html[data-theme="dark"] .ask-res mark{background:#5C4A0E;color:#fff}
html[data-theme="dark"] .alert.info{border-color:#2A3B7A;color:#C3D3FF}
html[data-theme="dark"] input[readonly]{color:var(--nz-muted)}
html[data-theme="dark"] img:not([src$=".svg"]):not(.ico-type){filter:brightness(.92)}
html[data-theme="dark"] .nz-logo img{filter:brightness(0) invert(1)}
html[data-theme="dark"] .sahel-card{background:linear-gradient(160deg,#16244A 0%,var(--nz-surface) 70%);border-color:#2A3B6E}
html[data-theme="dark"] .sahel-title b{color:#A9C8FF}
html[data-theme="dark"] .sahel-logo,html[data-theme="dark"] .sahel-open img{background:#fff}
html[data-theme="dark"] .sahel-store{background:#050A18;border:1px solid #2A3559}
html[data-theme="dark"] .svc-ico{color:#A9C2FF}
html[data-theme="dark"] .card .meta .new,html[data-theme="dark"] .rowcard .meta .new,html[data-theme="dark"] .article .meta .new{color:#FF8A9A}
html[data-theme="dark"] .fds-check{background:linear-gradient(var(--nz-surface),var(--nz-surface)) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box}
html[data-theme="dark"] :focus-visible{outline-color:#8FB0FF;box-shadow:0 0 0 5px #0B1229}
html[data-theme="dark"] .nz-a11y [aria-pressed="true"]{background:#2E55D6;border-color:#2E55D6;color:#fff}

/* أدوات سهولة الوصول الإضافية */
.a11y-groups{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center}
.a11y-g{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.a11y-g + .a11y-g{padding-inline-start:1.2rem;border-inline-start:1px solid var(--nz-line)}
@media (max-width:640px){.a11y-g + .a11y-g{padding-inline-start:0;border-inline-start:0}.a11y-g .lbl{min-width:4.2rem}}
/* خط أوضح: خط النظام العريض المألوف بدل الخط الزخرفي */
html.a11y-font{--nz-font:Tahoma,"Segoe UI",Arial,sans-serif}
html.a11y-font body,html.a11y-font button,html.a11y-font input,html.a11y-font select,html.a11y-font textarea{font-family:var(--nz-font)}
/* تباعد النص (WCAG 1.4.12): سطر 1.5 فأكثر، فقرة ×2، كلمات .16em — والحروف .12em للإنجليزية فقط (لا تُفصل الحروف العربية) */
html.a11y-spacing body{line-height:2.1!important;word-spacing:.16em}
html.a11y-spacing p,html.a11y-spacing li{margin-bottom:1.2em}
html.a11y-spacing [lang="en"],html.a11y-spacing:lang(en) body{letter-spacing:.12em}
/* دليل القراءة */
.a11y-guide{position:fixed;inset-inline:0;top:40%;height:44px;z-index:90;pointer-events:none;
  background:rgba(255,226,120,.22);border-top:2px solid rgba(19,52,168,.7);border-bottom:2px solid rgba(19,52,168,.7)}
html[data-theme="dark"] .a11y-guide{background:rgba(169,194,255,.14);border-color:#A9C2FF}
/* مؤشر كبير */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-6.5 1.6L16 20l-3 1.6-3.4-7.5L4 18z' fill='%23000A2C' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") 4 2,auto!important}
html.a11y-cursor a,html.a11y-cursor button,html.a11y-cursor summary,html.a11y-cursor [role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M9 11V4.5a1.5 1.5 0 013 0V10h.5V8.5a1.5 1.5 0 013 0V10h.5V9a1.5 1.5 0 013 0v6a6 6 0 01-6 6h-1a6 6 0 01-5.2-3L4 13.5a1.5 1.5 0 012.5-1.6L9 14z' fill='%231334A8' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 12 2,pointer!important}
/* الوضع الداكن: الأماكن التي فيها الأبيض داخل تدرّج أو شفافية */
html[data-theme="dark"] .nz-logo img,html[data-theme="dark"] .dr-head img{filter:brightness(0) invert(1)!important}
html[data-theme="dark"] .nz-contact{background:linear-gradient(var(--nz-surface),var(--nz-surface)) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box;color:var(--nz-ink)}
html[data-theme="dark"] .nz-contact:hover{background:linear-gradient(135deg,#2E55D6,#4169E8) border-box;color:#fff}
html[data-theme="dark"] .nz-header.scrolled{background:rgba(14,22,49,.88)}
html[data-theme="dark"] .starthere .wrap{background:rgba(18,27,55,.94);border-color:var(--nz-line)}
html[data-theme="dark"] .starthere a:hover,html[data-theme="dark"] .starthere a:focus-visible{background:#1C2957;color:#CFDCFF}
html[data-theme="dark"] .sec.alt{background:linear-gradient(180deg,#0D1530,#0B1229)}
html[data-theme="dark"] .card.featured{background:linear-gradient(var(--nz-surface),var(--nz-surface)) padding-box,linear-gradient(135deg,#D4A63C,#F3DB8B 35%,var(--nz-sky) 70%,var(--nz-blue)) border-box}
html[data-theme="dark"] .nz-ico:hover{background:#1C2957}
html[data-theme="dark"] .card .img,html[data-theme="dark"] .ency-tile{background:#1A2342}
html[data-theme="dark"] .prose .note{background:#16224A}
html[data-theme="dark"] .nz-state.closed,html[data-theme="dark"] .nz-state.past,html[data-theme="dark"] .badge.n{background:#222C4A;color:#C4CADB}
html[data-theme="dark"] .nz-card .tag{background:rgba(18,27,55,.95)}
html[data-theme="dark"] .nz-header.scrolled .nz-contact{background:linear-gradient(rgba(18,27,55,.95),rgba(18,27,55,.95)) padding-box,linear-gradient(135deg,var(--nz-blue),var(--nz-sky)) border-box}
html[data-theme="dark"] .svc-hero{background:#1A2342}
html[data-theme="dark"] .svc-hero .in{background:linear-gradient(0deg,rgba(18,27,55,.97),rgba(18,27,55,.82) 70%,transparent)}
html[data-theme="dark"] .card .img .ph{background:#1A2342}

/* ================================================================ لوحة سهولة الوصول الجانبية */
.a11y-panel{position:fixed;inset:0;z-index:120}
.a11y-back{position:absolute;inset:0;background:rgba(0,10,44,.45);backdrop-filter:blur(2px)}
.a11y-sheet{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(400px,100%);display:flex;flex-direction:column;background:var(--nz-surface);
  box-shadow:-12px 0 40px rgba(0,10,44,.25);animation:a11y-show .2s ease}
html[dir="rtl"] .a11y-sheet{box-shadow:12px 0 40px rgba(0,10,44,.25)}
.a11y-head{display:flex;align-items:flex-start;gap:.8rem;padding:1.2rem 1.2rem 1.1rem;color:#fff;
  background:linear-gradient(135deg,var(--nz-navy) 0%,var(--nz-blue-3) 45%,var(--nz-blue) 85%,var(--nz-sky) 130%)}
.a11y-head h2{color:#fff;font-size:1.15rem;margin:0 0 .15rem}
.a11y-head p{margin:0;color:#D5DEFF;font-size:.8rem;line-height:1.55}
.a11y-logo{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.a11y-logo svg{width:26px;height:26px;color:#fff}
.a11y-x{margin-inline-start:auto;flex:none;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.a11y-x:hover{background:rgba(255,255,255,.28)}
.a11y-head :focus-visible{outline-color:var(--nz-sky);box-shadow:none}
.a11y-body{flex:1;overflow-y:auto;padding:1rem 1.2rem .4rem}
.a11y-sec{margin-bottom:1.15rem}
.a11y-sec h3{font-size:.85rem;color:var(--nz-muted);font-weight:800;margin:0 0 .55rem;display:flex;align-items:center;gap:.5rem}
.a11y-sec h3::after{content:"";flex:1;height:1px;background:var(--nz-line)}
.a11y-size{display:flex;align-items:center;gap:.6rem;background:var(--nz-ground);border:1px solid var(--nz-line);border-radius:14px;padding:.4rem}
.a11y-size button{flex:none;width:52px;height:46px;border-radius:11px;border:1px solid var(--nz-line);background:var(--nz-surface);color:var(--nz-ink);font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer}
.a11y-size button small{font-size:.8em;margin-inline-start:1px}
.a11y-size button:hover{border-color:var(--nz-link);color:var(--nz-link)}
.a11y-size output{flex:1;text-align:center;font-weight:800;font-size:1.1rem;color:var(--nz-ink)}
.a11y-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.a11y-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:92px;padding:.7rem .4rem;
  border:1.5px solid var(--nz-line);border-radius:14px;background:var(--nz-surface);color:var(--nz-ink);font:inherit;font-size:.8rem;font-weight:700;line-height:1.35;text-align:center;cursor:pointer;
  transition:border-color .15s,background .15s,transform .15s}
.a11y-tile .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--nz-chip);color:var(--nz-link);transition:background .15s,color .15s}
.a11y-tile .ico svg{width:22px;height:22px}
.a11y-tile:hover{border-color:var(--nz-link);transform:translateY(-2px)}
.a11y-tile .ok{position:absolute;top:6px;inset-inline-end:6px;width:18px;height:18px;border-radius:50%;background:var(--nz-green);display:none}
.a11y-tile .ok::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.a11y-tile[aria-pressed="true"]{border-color:var(--nz-blue);background:linear-gradient(160deg,#EAF0FF,var(--nz-surface))}
.a11y-tile[aria-pressed="true"] .ico{background:linear-gradient(135deg,var(--nz-blue),#2E6BD8);color:#fff}
.a11y-tile[aria-pressed="true"] .ok{display:block}
.a11y-tile[hidden]{display:none}
.a11y-foot{padding:.8rem 1.2rem 1.1rem;border-top:1px solid var(--nz-line)}
/* الزر العائم: على حافة الشاشة في منتصفها */
.a11y-fab{position:fixed;z-index:80;top:50%;inset-inline-end:0;transform:translateY(-50%);width:48px;height:52px;border:0;cursor:pointer;color:#fff;
  border-start-start-radius:14px;border-end-start-radius:14px;background:linear-gradient(135deg,var(--nz-blue-3),var(--nz-blue));box-shadow:0 8px 22px rgba(19,52,168,.35);
  display:grid;place-items:center;transition:width .2s}
.a11y-fab svg{width:28px;height:28px}
.a11y-fab:hover{width:56px}
.a11y-fab:focus-visible{outline:3px solid var(--nz-sky);outline-offset:2px}
@media (max-width:640px){.a11y-fab{width:42px;height:46px;top:auto;bottom:88px;transform:none}.a11y-fab svg{width:24px;height:24px}.a11y-tiles{grid-template-columns:repeat(2,1fr)}}
html[data-theme="dark"] .a11y-tile[aria-pressed="true"]{background:linear-gradient(160deg,#1C2E66,var(--nz-surface));border-color:#5E85F0}
html[data-theme="dark"] .a11y-sheet{box-shadow:12px 0 40px rgba(0,0,0,.55)}
html.a11y-hc .a11y-tile{border:2px solid #000}
html.a11y-hc .a11y-tile[aria-pressed="true"]{background:#000A2C;color:#fff}
@keyframes a11y-fade{from{opacity:0}to{opacity:1}}
@keyframes a11y-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes a11y-in-rtl{from{transform:translateX(-100%)}to{transform:none}}
@media print{.a11y-fab,.a11y-panel{display:none!important}}
@keyframes a11y-show{from{opacity:.7}to{opacity:1}}
