/*
Theme Name:   Njarhndi Home
Theme URI:    https://njarhndi.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع نجار الكويت. كل الأنماط معزولة داخل .nj ولا تمسّ أي صفحة أخرى.
Author:       نجار الكويت
Template:     astra
Version:      1.0.0
Text Domain:  njarhndi-child
*/

/* ==========================================================================
   الهوية: «شريط القياس» — مدرسة الورشة والمخطط الفني
   • خشب الجوز الداكن للهيكل • ورق النشارة الكريمي للخلفيات • أصفر المتر للعلامة
   • العنصر المميز الوحيد: تدريج المسطرة (علامات سم/مم) يتكرر في رؤوس الأقسام
     وإطار الصور وشريط الأرقام واللوحة الأخيرة
   • الخطوط: Readex Pro للعناوين والأزرار + Noto Naskh Arabic للنص
   • ملاحظة تباين: كل لون نص داخل صندوق ملوّن محسوب مقابل خلفية الصندوق نفسه (WCAG AA)
   ========================================================================== */

.nj{
  display:block;                     /* main كمعلم رئيسي — Lighthouse */
  --nj-walnut:#2A1B12; --nj-walnut2:#3A261A; --nj-walnut3:#4A3122;
  --nj-oak:#7A3A12;    --nj-oak2:#93491A;
  --nj-tape:#E9B949;   --nj-tape2:#F4D27E;
  --nj-sage:#2E5A4C;   --nj-sagelt:#E8F1EC;
  --nj-rust:#9A3412;   --nj-rustlt:#FBEDE3;
  --nj-cream:#FAF5EC;  --nj-cream2:#F2E8D8; --nj-paper:#fff;
  --nj-txt:#24180F;    --nj-mut:#5F4C3E;    --nj-line:#E3D5C0;
  --nj-ondark:#F3E9DA; --nj-ondark2:#D3C0A7;
  /* تدريج المسطرة — علامة طويلة كل 50px وقصيرة كل 10px */
  --nj-ticks:
    repeating-linear-gradient(90deg,currentColor 0 1.5px,transparent 1.5px 50px) top right/100% 100% no-repeat,
    repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 10px) top right/100% 48% no-repeat;
  font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,serif;
  color:var(--nj-txt); line-height:2; direction:rtl; text-align:right;
  background:var(--nj-paper);
}
.nj *{box-sizing:border-box;}
.nj h1,.nj h2,.nj h3{font-family:'Readex Pro','Noto Naskh Arabic',sans-serif;color:var(--nj-walnut);line-height:1.55;font-weight:700;}
.nj p{font-size:1.1rem;margin:0 0 18px;}
.nj a{text-decoration:none;transition:.2s;}
.nj img{max-width:100%;height:auto;display:block;}
.nj ul,.nj ol{list-style:none;margin:0;padding:0;}
.nj strong{color:var(--nj-walnut);font-weight:700;}
.nj a:focus-visible,.nj button:focus-visible,.nj summary:focus-visible,.nj select:focus-visible,.nj input:focus-visible{outline:3px solid var(--nj-oak2);outline-offset:3px;}
.nj-w{max-width:1180px;margin:0 auto;padding:0 22px;}
.nj-col{max-width:790px;}
@media (prefers-reduced-motion:reduce){.nj *{animation:none!important;transition:none!important;}}

/* ===== المسطرة: العنصر المميز ===== */
.nj-ruler{height:14px;color:var(--nj-oak);background:var(--nj-ticks);opacity:.55;}
.nj-s.dark .nj-ruler{color:var(--nj-tape);opacity:.6;}

/* ===== الأقسام ===== */
.nj-s{padding:64px 0;position:relative;}
.nj-s.cream{background:var(--nj-cream);}
.nj-s.cream2{background:var(--nj-cream2);}
.nj-s.dark{background:var(--nj-walnut);color:var(--nj-ondark);}
.nj-s.dark h2,.nj-s.dark h3,.nj-s.dark strong{color:#fff;}
@media(max-width:820px){.nj-s{padding:42px 0;}}

/* رأس القسم: رقم القطعة + مسطرة ممتدة، ثم العنوان، ثم التمهيد */
.nj-head{margin-bottom:30px;max-width:860px;}
.nj-k{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.nj-k span{flex:none;font-family:'Readex Pro',sans-serif;font-size:.84rem;font-weight:600;letter-spacing:.3px;
  color:var(--nj-oak);background:var(--nj-paper);border:1px solid var(--nj-line);padding:3px 12px;border-radius:3px;}
.nj-s.cream .nj-k span,.nj-s.cream2 .nj-k span{background:#fff;}
.nj-s.dark .nj-k span{background:transparent;color:var(--nj-tape);border-color:rgba(233,185,73,.45);}
.nj-k .nj-ruler{flex:1;}
.nj h2{font-size:1.9rem;margin:0 0 12px;letter-spacing:-.2px;}
.nj-head p{margin:0;color:var(--nj-mut);font-size:1.08rem;max-width:72ch;}
.nj-s.dark .nj-head p{color:var(--nj-ondark2);}
.nj h3{font-size:1.28rem;margin:32px 0 12px;}
@media(max-width:820px){.nj h2{font-size:1.5rem;} .nj h3{font-size:1.15rem;}}

/* ===== روابط النص داخل المقال (لون + تسطير معاً) ===== */
.nj-s p a,.nj-s li a,.nj-s figcaption a,.nj-s td a,.nj-s .nj-a a{
  color:var(--nj-oak);font-weight:700;text-decoration:underline;
  text-decoration-color:rgba(122,58,18,.55);text-decoration-thickness:2px;text-underline-offset:4px;}
.nj-s p a:hover,.nj-s li a:hover,.nj-s td a:hover,.nj-s .nj-a a:hover{
  color:var(--nj-walnut);text-decoration-color:currentColor;background:rgba(233,185,73,.22);}
.nj-s.dark p a,.nj-s.dark li a{color:var(--nj-tape2);text-decoration-color:rgba(244,210,126,.6);}
.nj-s.dark p a:hover,.nj-s.dark li a:hover{color:#fff;background:rgba(255,255,255,.08);}
.nj-note p a,.nj-warn p a{color:var(--nj-walnut);}
.nj-chips a,.nj-rel a,.nj-cut a,.nj-btn,.nj-wa,.nj-ghost{text-decoration:none;}

/* ===== الهيرو: جوز داكن + صورة بإطار مسطرة + شريط متر ===== */
.nj-hero{background:var(--nj-walnut);color:var(--nj-ondark);position:relative;overflow:hidden;padding:58px 0 0;}
.nj-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(176deg,rgba(255,255,255,.028) 0 2px,transparent 2px 19px),
             radial-gradient(ellipse at 15% 20%,rgba(233,185,73,.10),transparent 55%);}
.nj-hero .nj-w{position:relative;z-index:2;}
.nj-split{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;padding-bottom:58px;}
@media(max-width:920px){.nj-split{grid-template-columns:1fr;gap:30px;padding-bottom:40px;}}
.nj-tag{display:inline-flex;align-items:center;gap:10px;color:var(--nj-tape);font-family:'Readex Pro',sans-serif;
  font-size:.9rem;font-weight:600;margin-bottom:18px;border-bottom:1px dashed rgba(233,185,73,.55);padding-bottom:6px;}
.nj-tag i{width:16px;height:16px;border:2px solid var(--nj-tape);border-radius:50%;position:relative;flex:none;}
.nj-tag i::after{content:'';position:absolute;inset:4px;background:var(--nj-tape);border-radius:50%;}
.nj-hero h1{color:#fff;font-size:2.65rem;font-weight:700;margin:0 0 16px;line-height:1.45;letter-spacing:-.4px;}
.nj-hero h1 em{font-style:normal;color:var(--nj-tape);}
.nj-hero h1 b{display:block;font-weight:400;font-size:.5em;color:var(--nj-ondark2);margin-top:12px;line-height:1.7;}
.nj-lead{font-size:1.14rem;color:var(--nj-ondark);max-width:58ch;margin-bottom:28px;}
.nj-hero .nj-lead strong{color:#fff;}
.nj-cta{display:flex;gap:11px;flex-wrap:wrap;}
.nj-btn,.nj-wa,.nj-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:4px;
  font-family:'Readex Pro',sans-serif;font-weight:600;font-size:1.02rem;line-height:1.4;}
.nj-btn{background:var(--nj-walnut);color:#fff;}
.nj-btn:hover{background:var(--nj-oak);color:#fff;}
.nj-wa{background:#0B7A43;color:#fff;}
.nj-wa:hover{background:#08602F;color:#fff;}
.nj-ghost{background:transparent;border:1.5px solid var(--nj-walnut);color:var(--nj-walnut);padding:12.5px 26px;}
.nj-ghost:hover{background:var(--nj-walnut);color:#fff;}
.nj-hero .nj-btn,.nj-s.dark .nj-btn,.nj-final .nj-btn{background:var(--nj-tape);color:var(--nj-walnut);}
.nj-hero .nj-btn:hover,.nj-s.dark .nj-btn:hover,.nj-final .nj-btn:hover{background:#fff;color:var(--nj-walnut);}
.nj-hero .nj-ghost,.nj-s.dark .nj-ghost,.nj-final .nj-ghost{border-color:rgba(243,233,218,.55);color:#fff;}
.nj-hero .nj-ghost:hover,.nj-s.dark .nj-ghost:hover,.nj-final .nj-ghost:hover{background:#fff;color:var(--nj-walnut);}

.nj-frame{position:relative;padding:14px 14px 0 0;}
.nj-frame::before{content:'';position:absolute;top:0;right:0;left:28px;height:12px;color:var(--nj-tape);background:var(--nj-ticks);opacity:.8;}
.nj-frame::after{content:'';position:absolute;top:28px;right:0;bottom:56px;width:12px;color:var(--nj-tape);opacity:.8;
  background:repeating-linear-gradient(180deg,currentColor 0 1.5px,transparent 1.5px 50px) top right/100% 100% no-repeat,
             repeating-linear-gradient(180deg,currentColor 0 1px,transparent 1px 10px) top right/48% 100% no-repeat;}
.nj-frame img{width:100%;aspect-ratio:4/4.3;object-fit:cover;border-radius:4px;margin-right:12px;width:calc(100% - 12px);}
.nj-dim{display:flex;align-items:center;gap:10px;margin:14px 12px 0 0;color:var(--nj-ondark2);font-family:'Readex Pro',sans-serif;font-size:.84rem;}
.nj-dim::before,.nj-dim::after{content:'';flex:1;height:1px;background:currentColor;opacity:.6;}
.nj-dim span{flex:none;}
@media(max-width:920px){.nj-hero h1{font-size:1.85rem;} .nj-frame img{aspect-ratio:4/3;}
  .nj-hero .nj-cta a{flex:1 1 100%;}}

/* شريط المتر: الأرقام على شريط أصفر مدرّج */
.nj-tape{background:var(--nj-tape);color:var(--nj-walnut);position:relative;z-index:2;}
.nj-tape::before{content:'';display:block;height:12px;color:var(--nj-walnut);background:var(--nj-ticks);opacity:.55;}
.nj-tape .nj-w{display:grid;grid-template-columns:repeat(4,1fr);}
.nj-tape div{padding:14px 14px 18px;border-left:1px solid rgba(42,27,18,.22);}
.nj-tape div:last-child{border-left:0;}
.nj-tape b{display:block;font-family:'Readex Pro',sans-serif;font-size:1.55rem;font-weight:700;line-height:1.3;color:var(--nj-walnut);}
.nj-tape span{font-size:.92rem;color:var(--nj-walnut);}
@media(max-width:720px){.nj-tape .nj-w{grid-template-columns:repeat(2,1fr);padding:0;}
  .nj-tape div:nth-child(2){border-left:0;} .nj-tape div:nth-child(-n+2){border-bottom:1px solid rgba(42,27,18,.22);}
  .nj-tape b{font-size:1.25rem;}}

/* ===== المقتطف المميز (إجابة مباشرة) ===== */
.nj-snip{border:1.5px solid var(--nj-walnut);border-radius:4px;padding:22px 24px;margin:26px 0;background:#fff;position:relative;}
.nj-snip>b{position:absolute;top:-13px;right:18px;background:var(--nj-walnut);color:#fff;font-family:'Readex Pro',sans-serif;
  font-size:.82rem;font-weight:600;padding:2px 12px;border-radius:3px;}
.nj-snip p:last-child{margin:0;}

/* ===== قائمة القص — الخدمات ===== */
.nj-cut{border-top:2px solid var(--nj-walnut);}
.nj-cut>div{display:grid;grid-template-columns:62px minmax(0,1fr) 150px;gap:18px;align-items:start;
  padding:20px 0;border-bottom:1px dashed #C9B496;}
.nj-cut .n{font-family:'Readex Pro',sans-serif;font-weight:700;font-size:1.05rem;color:var(--nj-oak);
  border:1.5px solid var(--nj-oak);border-radius:3px;text-align:center;padding:4px 0;line-height:1.5;}
.nj-cut h3{margin:0 0 4px;font-size:1.14rem;}
.nj-cut p{margin:0;font-size:1rem;color:var(--nj-mut);}
.nj-cut .pr{font-family:'Readex Pro',sans-serif;font-weight:600;color:var(--nj-walnut);text-align:left;font-size:.98rem;}
.nj-cut .pr small{display:block;font-weight:400;color:var(--nj-mut);font-size:.8rem;}
@media(max-width:640px){.nj-cut>div{grid-template-columns:48px minmax(0,1fr);}
  .nj-cut .pr{grid-column:2;text-align:right;}}

/* ===== الاقتباس: سطر بين مسطرتين ===== */
.nj-q{margin:40px 0;padding:6px 0;text-align:center;}
.nj-q::before,.nj-q::after{content:'';display:block;height:12px;color:var(--nj-oak);background:var(--nj-ticks);opacity:.45;}
.nj-q p{margin:20px auto;max-width:44ch;font-family:'Readex Pro',sans-serif;font-size:1.32rem;font-weight:600;
  color:var(--nj-walnut);line-height:1.8;}
.nj-q p::before{content:'”';display:block;font-size:3.2rem;line-height:.8;color:var(--nj-oak);margin-bottom:6px;}
.nj-s.dark .nj-q::before,.nj-s.dark .nj-q::after{color:var(--nj-tape);}
.nj-s.dark .nj-q p{color:#fff;} .nj-s.dark .nj-q p::before{color:var(--nj-tape);}
@media(max-width:640px){.nj-q p{font-size:1.12rem;}}

/* ===== التنبيهات: ورقة ملاحظة المعلّم ===== */
.nj-note,.nj-warn{border-radius:4px;padding:16px 20px 18px;margin:24px 0;border-right:5px solid;}
.nj-note{background:var(--nj-sagelt);border-color:var(--nj-sage);}
.nj-warn{background:var(--nj-rustlt);border-color:var(--nj-rust);}
.nj-note>b,.nj-warn>b{display:block;font-family:'Readex Pro',sans-serif;font-size:.86rem;font-weight:600;margin-bottom:4px;}
.nj-note>b{color:var(--nj-sage);} .nj-warn>b{color:var(--nj-rust);}
.nj-note p,.nj-warn p{color:var(--nj-txt);}
.nj-note p:last-child,.nj-warn p:last-child{margin:0;}
.nj-s.dark .nj-note{background:rgba(255,255,255,.06);border-color:var(--nj-tape);}
.nj-s.dark .nj-note>b{color:var(--nj-tape);} .nj-s.dark .nj-note p{color:var(--nj-ondark);}

/* ===== القوائم ===== */
.nj-tick li{position:relative;padding:10px 32px 10px 0;border-bottom:1px solid var(--nj-line);}
.nj-tick li:last-child{border:0;}
.nj-tick li::before{content:'';position:absolute;right:3px;top:21px;width:14px;height:14px;border-radius:50%;
  border:2px solid var(--nj-oak);background:radial-gradient(circle,var(--nj-oak) 0 2.5px,transparent 3px);}
.nj-s.dark .nj-tick li{border-color:rgba(243,233,218,.14);}
.nj-s.dark .nj-tick li::before{border-color:var(--nj-tape);background:radial-gradient(circle,var(--nj-tape) 0 2.5px,transparent 3px);}
.nj-steps{counter-reset:st;margin-top:8px;}
.nj-steps li{counter-increment:st;position:relative;padding:16px 70px 16px 0;border-bottom:1px solid var(--nj-line);}
.nj-steps li:last-child{border:0;}
.nj-steps li::before{content:counter(st,decimal-leading-zero);position:absolute;right:0;top:16px;width:52px;height:38px;
  background:var(--nj-walnut);color:var(--nj-tape);font-family:'Readex Pro',sans-serif;font-weight:700;
  display:grid;place-items:center;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);}
.nj-steps b{color:var(--nj-walnut);font-family:'Readex Pro',sans-serif;font-weight:600;}

/* ===== الجداول ===== */
.nj-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}
.nj-t{width:100%;border-collapse:collapse;font-size:1rem;background:#fff;min-width:560px;}
.nj-t thead th{background:var(--nj-walnut);color:#fff;font-family:'Readex Pro',sans-serif;font-weight:600;
  padding:14px 12px;text-align:right;font-size:.96rem;}
.nj-t thead th:first-child{border-top-right-radius:4px;} .nj-t thead th:last-child{border-top-left-radius:4px;}
.nj-t td{padding:13px 12px;border-bottom:1px solid var(--nj-line);vertical-align:top;color:var(--nj-txt);}
.nj-t tbody tr:nth-child(even) td{background:#FCF8F1;}
.nj-t .p{color:var(--nj-oak);font-weight:700;white-space:nowrap;font-family:'Readex Pro',sans-serif;}
.nj-tcap{font-size:.92rem;color:var(--nj-mut);margin-top:-10px;}
@media(max-width:640px){.nj-t{font-size:.93rem;} .nj-t td,.nj-t thead th{padding:10px 8px;}}

/* ===== المقارنة ===== */
.nj-cmp{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0;border:1.5px solid var(--nj-walnut);border-radius:4px;overflow:hidden;background:#fff;}
@media(max-width:720px){.nj-cmp{grid-template-columns:1fr;}}
.nj-cmp>div{padding:24px;}
.nj-cmp>div+div{border-right:1.5px solid var(--nj-walnut);}
@media(max-width:720px){.nj-cmp>div+div{border-right:0;border-top:1.5px solid var(--nj-walnut);}}
.nj-cmp h3{margin:0 0 12px;font-size:1.08rem;display:inline-block;padding:2px 12px;border-radius:3px;}
.nj-yes h3{background:#E3F0E7;color:#1D5B37;} .nj-no h3{background:#F8E3DE;color:#9B2C1F;}
.nj-cmp li{padding:8px 28px 8px 0;position:relative;font-size:1rem;border-bottom:1px dashed var(--nj-line);}
.nj-cmp li:last-child{border:0;}
.nj-yes li::before{content:'✓';position:absolute;right:0;color:#1D5B37;font-weight:800;}
.nj-no li::before{content:'✕';position:absolute;right:0;color:#9B2C1F;font-weight:800;}

/* ===== الصور ===== */
.nj-fig{margin:0;position:relative;}
.nj-fig::before{content:'';display:block;height:12px;color:var(--nj-oak);background:var(--nj-ticks);opacity:.5;margin-bottom:8px;}
.nj-fig img{width:100%;border-radius:4px;aspect-ratio:16/10;object-fit:cover;}
.nj-fig figcaption{margin-top:10px;font-size:.93rem;color:var(--nj-mut);}
.nj-two{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin:10px 0;}
.nj-two.rev>.nj-fig{order:-1;}
.nj-two>div>p:last-child{margin-bottom:0;}
@media(max-width:860px){.nj-two{grid-template-columns:1fr;gap:22px;} .nj-two.rev>.nj-fig{order:0;}}

/* ===== الحاسبة: «أمر شغل» ===== */
.nj-calc{background:#fff;border:1.5px dashed #B59A78;border-radius:6px;padding:0 30px 30px;position:relative;}
.nj-calc::before{content:'';display:block;height:14px;margin:0 -30px 22px;color:var(--nj-walnut);background:var(--nj-ticks);opacity:.35;}
.nj-calc h3{margin:0 0 4px;}
.nj-calc .sub{color:var(--nj-mut);font-size:.98rem;margin:0;}
.nj-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0;}
@media(max-width:860px){.nj-fields{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.nj-fields{grid-template-columns:1fr;} .nj-calc{padding:0 16px 22px;} .nj-calc::before{margin:0 -16px 18px;}}
.nj-f label{display:block;font-family:'Readex Pro',sans-serif;font-weight:600;margin-bottom:7px;font-size:.93rem;color:var(--nj-walnut);}
.nj-f select,.nj-f input{width:100%;padding:12px 14px;border-radius:4px;border:1px solid #BFA889;
  background:#fff;color:var(--nj-txt);font-family:inherit;font-size:1rem;}
.nj-f select:focus,.nj-f input:focus{outline:2px solid var(--nj-oak2);border-color:var(--nj-oak2);}
.nj-calc button{background:var(--nj-walnut);color:#fff;border:0;border-radius:4px;padding:15px 34px;
  font-family:'Readex Pro',sans-serif;font-weight:600;font-size:1.04rem;cursor:pointer;width:100%;}
.nj-calc button:hover{background:var(--nj-oak);}
.nj-out{margin-top:20px;background:var(--nj-cream);border:1px solid var(--nj-line);border-radius:4px;padding:20px;display:none;}
.nj-out.on{display:block;}
.nj-out .big{font-family:'Readex Pro',sans-serif;font-size:2rem;font-weight:700;color:var(--nj-oak);display:block;line-height:1.35;}
.nj-out small{color:var(--nj-mut);display:block;margin-top:6px;font-size:.92rem;}
.nj-out .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--nj-line);font-size:.98rem;}
.nj-out .row span:first-child{color:var(--nj-mut);}
.nj-out .row:last-of-type{border:0;}

/* ===== المناطق: بطاقات تعليق خشبية ===== */
.nj-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;}
.nj-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 14px;border-radius:3px;background:#fff;
  border:1px solid #CDB89A;color:var(--nj-walnut);font-size:.96rem;font-weight:600;}
.nj-chips a::before{content:'';width:7px;height:7px;border-radius:50%;border:1.5px solid var(--nj-oak);flex:none;}
.nj-chips a:hover{background:var(--nj-walnut);color:#fff;border-color:var(--nj-walnut);}
.nj-chips a:hover::before{border-color:var(--nj-tape);}

/* ===== صفحات تهمك ===== */
.nj-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--nj-walnut);}
@media(max-width:860px){.nj-rel{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.nj-rel{grid-template-columns:1fr;}}
.nj-rel a{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 15px 16px;border-bottom:1px solid var(--nj-line);
  color:var(--nj-walnut);font-weight:600;font-size:1rem;}
.nj-rel a::after{content:'←';color:var(--nj-oak);flex:none;transition:.2s;}
.nj-rel a:hover{background:var(--nj-cream);color:var(--nj-oak);}
.nj-rel a:hover::after{transform:translateX(-4px);}

/* ===== لماذا نحن: شبكة لوحات على الداكن ===== */
.nj-why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(243,233,218,.16);border:1px solid rgba(243,233,218,.16);}
@media(max-width:860px){.nj-why{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.nj-why{grid-template-columns:1fr;}}
.nj-why>div{background:var(--nj-walnut);padding:24px 22px;}
.nj-why .n{font-family:'Readex Pro',sans-serif;color:var(--nj-tape);font-size:.85rem;font-weight:600;display:block;margin-bottom:6px;}
.nj-why h3{margin:0 0 6px;font-size:1.1rem;}
.nj-why p{margin:0;font-size:1rem;color:var(--nj-ondark2);}

/* ===== القاموس ===== */
.nj-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;}
@media(max-width:720px){.nj-dl{grid-template-columns:1fr;}}
.nj-dl>div{padding:14px 0;border-bottom:1px dashed #C9B496;}
.nj-dl b{display:block;font-family:'Readex Pro',sans-serif;color:var(--nj-oak);font-weight:600;margin-bottom:2px;}
.nj-dl span{font-size:1rem;color:var(--nj-txt);}

/* ===== الأسئلة ===== */
.nj-faq{counter-reset:fq;border-top:2px solid var(--nj-walnut);}
.nj-faq details{border-bottom:1px solid var(--nj-line);counter-increment:fq;}
.nj-faq summary{cursor:pointer;padding:18px 0;font-family:'Readex Pro',sans-serif;font-weight:600;
  color:var(--nj-walnut);list-style:none;display:flex;gap:14px;align-items:center;font-size:1.05rem;}
.nj-faq summary::-webkit-details-marker{display:none;}
.nj-faq summary::before{content:counter(fq,decimal-leading-zero);color:var(--nj-oak);font-size:.85rem;flex:none;width:28px;}
.nj-faq summary::after{content:'+';margin-right:auto;width:30px;height:30px;flex:none;display:grid;place-items:center;
  background:var(--nj-tape);color:var(--nj-walnut);border-radius:3px;font-size:1.25rem;line-height:1;}
.nj-faq details[open] summary::after{content:'−';background:var(--nj-walnut);color:#fff;}
.nj-faq .nj-a{padding:0 42px 20px 0;max-width:82ch;}
.nj-faq .nj-a p:last-child{margin:0;}

/* ===== النداء الأخير ===== */
.nj-final{background:var(--nj-walnut);color:var(--nj-ondark);border-radius:6px;padding:0 44px 50px;text-align:center;overflow:hidden;}
.nj-final::before{content:'';display:block;height:16px;margin:0 -44px 40px;color:var(--nj-walnut);background-color:var(--nj-tape);
  background-image:repeating-linear-gradient(90deg,var(--nj-walnut) 0 1.5px,transparent 1.5px 50px),
                   repeating-linear-gradient(90deg,var(--nj-walnut) 0 1px,transparent 1px 10px);
  background-size:100% 100%,100% 50%;background-repeat:no-repeat;background-position:top right;}
.nj-final h2{color:#fff;}
.nj-final p{color:var(--nj-ondark);max-width:62ch;margin:0 auto 26px;}
.nj-final .nj-cta{justify-content:center;}
@media(max-width:700px){.nj-final{padding:0 20px 34px;} .nj-final::before{margin:0 -20px 30px;}}

/* ===== المصادر ===== */
.nj-src li{padding:8px 26px 8px 0;position:relative;border-bottom:1px dashed var(--nj-line);}
.nj-src li::before{content:'↗';position:absolute;right:2px;color:var(--nj-oak);}
.nj-disc{background:var(--nj-cream);border:1px solid var(--nj-line);border-radius:4px;padding:16px 19px;
  font-size:.95rem;color:var(--nj-mut);margin-top:22px;}
.nj-disc strong{color:var(--nj-walnut);}

/* ===== الأزرار الثابتة (خارج main) ===== */
.nj-fixed{background:none;line-height:normal;}
.nj-float{position:fixed;left:18px;bottom:22px;z-index:9998;display:flex;flex-direction:column;gap:10px;}
.nj-float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.35rem;
  box-shadow:0 8px 22px rgba(42,27,18,.28);}
.nj-float .t{background:var(--nj-tape);color:var(--nj-walnut);}
.nj-float .w{background:#0B7A43;color:#fff;}
.nj-bar{display:none;}
@media(max-width:820px){
  .nj-float{display:none;}
  .nj-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:9999;
    background:rgba(42,27,18,.97);padding:9px;}
  .nj-bar a{padding:12px;border-radius:4px;text-align:center;font-family:'Readex Pro',sans-serif;font-weight:600;font-size:.98rem;}
  .nj-bar .c{background:var(--nj-tape);color:var(--nj-walnut);}
  .nj-bar .w{background:#0B7A43;color:#fff;}
  .nj-end{padding-bottom:84px;}
}