/* tk-read.css — صفحات القراءة بثيم النادي: الموجز اليومي (brief) + الأسبوعي (week) + القانونية (legal) + الأساس المشترك لمراجعات شعاع (review) وأي صفحة أخرى.
   عقد المحرّك: CSS فقط — لا تغيير في HTML ولا أسماء الكلاسات. كل القواعد محصورة تحت body.tk.
   الترتيب: متغيرات ← الهيكل والبطل ← النثر العام ← الموجز (story/why/sources) ← الأسبوعي (فيديو/closer) ← الجداول ← القانونية ← الجوال. */

/* ---------- متغيرات القراءة (+ أسماء الموقع القديم التي تستعملها الأنماط المضمّنة style="...var(--dim)") ---------- */
body.tk{
  --paper:#fff; --dim:rgba(26,20,16,.68); --line:rgba(26,20,16,.18); --tint:#FFF3C4;
  --dawn:#0D9265; --sun:var(--orange); --amber:var(--orange-2);
  --bd:2.5px solid var(--ink); --sh:6px 6px 0 var(--ink); --sh-sm:4px 4px 0 var(--ink);
  --read:768px; --gut:24px;
  font-size:17px;
}
body.tk .goldline{display:none}
body.tk main.wrap span.en{word-spacing:-.18em}
body.tk ::selection{background:var(--yellow);color:var(--ink)}

/* ---------- الهيكل: عمود قراءة 768px ---------- */
body.tk main.wrap{max-width:calc(var(--read) + var(--gut)*2);margin:0 auto;padding:0 var(--gut) 8px;overflow-wrap:break-word}
body.tk main.wrap > *{min-width:0}

/* ---------- البطل: شريط كريمي ممتد بعرض الشاشة تحت الهيدر الثابت ---------- */
body.tk .head{
  position:relative;padding:128px 0 44px;margin-bottom:12px;
  /* امتداد بعرض الشاشة بلا تمدد أفقي: border-image يرسم خارج الصندوق دون أن يدخل في عرض التمرير */
  border-image:linear-gradient(to top,var(--ink) 0 2.5px,var(--cream) 2.5px) fill 0 / 0 / 0 100vw;
}
body.tk--brief,body.tk--week,body.tk--review,body.tk--legal,body.tk--other{background:var(--cream-2)}
body.tk .badge{
  display:inline-flex;align-items:center;gap:8px;padding:5px 14px;
  background:var(--cream);border:var(--bd);box-shadow:3px 3px 0 var(--ink);border-radius:0;
  font-family:var(--sans);font-weight:700;font-size:13px;line-height:1.6;color:var(--ink);
}
body.tk .head .date{margin-top:18px;font-family:var(--num),var(--sans);font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--dim)}
body.tk .head .date .en{font-family:var(--num);font-size:1em}
body.tk .head h1{
  margin-top:12px;font-family:var(--archivo);font-weight:800;color:var(--orange);
  font-size:clamp(27px,2.8vw,38px);line-height:1.45;text-wrap:balance;
}
body.tk .head h1 .en{font-family:var(--num);font-weight:700;font-size:.95em}
body.tk .head .intro,body.tk .head .lead{
  margin-top:18px;padding-inline-start:16px;border-inline-start:4px solid var(--ink);
  font-size:18.5px;line-height:1.95;font-weight:500;color:rgba(26,20,16,.86);
}
body.tk .head .upd{margin-top:10px;font-family:var(--num),var(--sans);font-size:13px;font-weight:600;color:var(--dim)}

/* ---------- النثر العام (شعاع والقانونية والأسبوعي خارج البطاقات) ---------- */
body.tk main.wrap > h2,body.tk .card h2{font-family:var(--archivo);font-weight:800;font-size:clamp(24px,2.6vw,30px);line-height:1.5;color:var(--ink);margin:52px 0 6px;scroll-margin-top:110px}
body.tk main.wrap > h3{font-family:var(--archivo);font-weight:700;font-size:21px;line-height:1.6;color:var(--ink);margin:30px 0 4px}
body.tk h2 .k,body.tk h3 .k{color:var(--ink);background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 92%,transparent 92%);padding:0 2px}
/* :where يجعل خصوصية النثر العام صفراً تقريباً حتى تتغلب عليه البطاقات الداكنة (.verdict/.ours) */
:where(body.tk main.wrap) p{margin-top:14px;line-height:1.95;color:rgba(26,20,16,.88)}
:where(body.tk main.wrap > ul,body.tk main.wrap > ol,body.tk .card ul,body.tk .card ol){margin:14px 0 0;padding-inline-start:24px}
:where(body.tk main.wrap > ul > li,body.tk main.wrap > ol > li,body.tk .card li){margin-top:9px;line-height:1.9;color:rgba(26,20,16,.88)}
:where(body.tk main.wrap > ul > li,body.tk .card ul > li)::marker{color:var(--orange)}
:where(body.tk main.wrap > ol > li)::marker{font-family:var(--num);font-weight:700;color:var(--orange)}
body.tk strong{font-weight:700;color:var(--ink)}
body.tk em{font-style:normal;font-weight:600;color:var(--orange)}
body.tk code{font-family:var(--mono-latin);font-size:.88em;direction:ltr;unicode-bidi:isolate;background:var(--cream);border:1.5px solid var(--ink);padding:0 5px}
/* روابط النص — :where يبقي الخصوصية منخفضة حتى لا تطغى على .ours/.verdict/.go */
:where(body.tk main.wrap) a:not([class]){color:var(--orange);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
:where(body.tk main.wrap) a:not([class]):hover{background:var(--yellow);color:var(--ink)}

/* ---------- الموجز: بطاقات الأخبار ---------- */
body.tk .story{background:var(--paper);border:var(--bd);box-shadow:var(--sh);padding:28px 30px;margin-top:32px}
body.tk .story .top{display:flex;align-items:flex-start;gap:16px}
body.tk .story .num{
  flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-top:2px;
  background:var(--orange);color:var(--cream);border:var(--bd);box-shadow:3px 3px 0 var(--ink);
  font-family:var(--num);font-weight:700;font-size:21px;line-height:1;
}
body.tk .story h2{font-family:var(--archivo);font-weight:700;font-size:23px;line-height:1.55;color:var(--ink);margin:0;min-width:0}
body.tk .story h2 .en{font-weight:600;font-size:.88em}
body.tk .story p{margin-top:14px;font-size:17px;line-height:1.95;color:rgba(26,20,16,.88)}
body.tk .story .why{margin-top:20px;background:var(--yellow);border:var(--bd);box-shadow:var(--sh-sm);padding:14px 18px 16px}
body.tk .why b{display:block;font-family:var(--archivo);font-weight:800;font-size:16px;color:var(--ink);margin-bottom:4px}
body.tk .why b::before{content:"";display:inline-block;width:10px;height:10px;background:var(--orange);border:2px solid var(--ink);margin-inline-end:8px;vertical-align:1px}
body.tk .why span{font-size:16px;line-height:1.9;color:var(--ink)}
/* تصحيح منشور (بعض الموجزات تحمل أنماطاً مضمّنة قديمة — نوحّدها) */
body.tk .correction{margin:20px 0!important;background:#FFE7DA!important;border:var(--bd)!important;border-inline-start:10px solid var(--orange)!important;border-radius:0!important;box-shadow:var(--sh-sm);padding:14px 18px!important;font-size:15.5px!important;line-height:1.85!important;color:var(--ink)!important}
body.tk .correction b{font-family:var(--archivo);font-weight:800;color:var(--orange)!important}
body.tk .code{margin-top:16px;background:var(--ink);border:var(--bd);box-shadow:4px 4px 0 var(--orange);padding:14px 18px;overflow-x:auto;direction:ltr;text-align:left}
body.tk .code code{font-family:var(--mono-latin);font-size:13.5px;line-height:1.85;color:var(--yellow);white-space:pre;background:none;border:0;padding:0}
/* سطر الإفصاح (المحرّك يكتبه بنمط مضمّن — نكسوه تنبيهاً أصفر) */
body.tk p.disclosure{margin:28px 0 0!important;background:var(--tint)!important;border:var(--bd)!important;border-inline-start:10px solid var(--yellow)!important;padding:12px 16px!important;font-size:14.5px!important;line-height:1.85;color:rgba(26,20,16,.85)!important}
body.tk p.disclosure b{font-family:var(--archivo);font-weight:800;color:var(--ink)}

/* المصادر: بطاقة كريمية */
body.tk .sources{margin-top:40px;background:var(--cream);border:var(--bd);box-shadow:var(--sh);padding:22px 26px}
body.tk .sources h3{margin:0;font-family:var(--archivo);font-weight:800;font-size:18px;color:var(--ink);display:flex;align-items:center;gap:10px}
body.tk .sources h3::before{content:"";width:14px;height:14px;background:var(--orange);border:2px solid var(--ink);flex:0 0 auto}
body.tk .sources ul{list-style:none;margin:12px 0 0;padding:0}
body.tk .sources li,body.tk .sources li.en{
  position:relative;direction:rtl;text-align:right;font-family:var(--sans);font-size:14.5px;line-height:1.75;
  padding:8px 0;padding-inline-start:20px;border-top:1.5px dashed rgba(26,20,16,.25);
}
body.tk .sources li:first-child{border-top:0}
body.tk .sources li::before{content:"↖";position:absolute;inset-inline-start:0;top:8px;color:var(--orange);font-weight:700;font-family:var(--num)}
body.tk .sources a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(26,20,16,.3);text-underline-offset:4px;overflow-wrap:anywhere}
body.tk .sources a:hover{text-decoration-color:var(--orange);color:var(--orange)}

/* الختام */
body.tk .sign{margin:48px 0 0;text-align:center;font-family:var(--archivo);font-weight:700;font-size:20px;color:var(--orange)}
body.tk .backrow{text-align:center;margin:26px 0 24px}
body.tk .backrow .back{
  display:inline-flex;align-items:center;gap:10px;padding:12px 28px;
  background:var(--yellow);color:var(--ink);border:var(--bd);box-shadow:var(--sh);
  font-family:var(--sans);font-weight:700;font-size:15px;transition:transform .15s ease,box-shadow .15s ease;
}
body.tk .backrow .back::after{content:"←";font-family:var(--num);font-weight:700}
body.tk .backrow .back:hover{transform:translate(-2px,-4px);box-shadow:8px 10px 0 var(--ink)}
body.tk .backrow .back:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}

/* ---------- الفيديو (موجز = شورت عمودي · أسبوعي/شعاع = أفقي) ---------- */
body.tk .vidwrap{margin:36px 0 8px}
body.tk .vidwrap .vhead,body.tk .vhead{display:flex;align-items:center;gap:10px;font-family:var(--archivo);font-weight:800;font-size:18px;color:var(--ink);margin-bottom:14px}
body.tk .vidbox{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--ink);border:var(--bd);box-shadow:var(--sh)}
body.tk .vidbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.tk--brief .vidwrap{max-width:330px;margin-inline:auto}
body.tk--brief .vidwrap .vhead{justify-content:center}
body.tk--brief .vidbox{aspect-ratio:9/16}
body.tk .vidnote{margin-top:12px!important;text-align:center;font-size:14px!important;color:var(--dim)!important}

/* ---------- الأسبوعي: خاتمة ---------- */
body.tk .closer{margin-top:36px;background:var(--cream);border:2.5px dashed var(--ink);padding:22px 26px;line-height:1.95;color:rgba(26,20,16,.9)}
body.tk .closer b{font-family:var(--archivo);font-weight:800;color:var(--orange)}

/* ---------- الجداول (أسعار شعاع + جدول الإفصاح) ---------- */
body.tk .ptable{width:100%;margin-top:22px;border-collapse:collapse;background:var(--paper);border:var(--bd);box-shadow:var(--sh);font-size:15.5px;line-height:1.75}
body.tk .ptable th,body.tk .ptable td{padding:13px 16px;text-align:right;vertical-align:top;border-top:2px solid var(--ink)}
body.tk .ptable thead th{background:var(--ink);color:var(--cream);font-family:var(--archivo);font-weight:700;font-size:15px;border-top:0;border-inline-start:1.5px solid rgba(244,231,206,.18);white-space:nowrap}
body.tk .ptable thead th:first-child{border-inline-start:0}
body.tk .ptable tbody tr:nth-child(even) td{background:#FBF4E4}
body.tk .ptable :is(.plan,.tool){font-family:var(--archivo);font-weight:700;color:var(--ink);white-space:nowrap}
body.tk .ptable .price{font-family:var(--num);font-weight:700;color:var(--orange);direction:ltr;text-align:right;white-space:nowrap}
body.tk .st{display:inline-block;font-family:var(--sans);font-weight:700;font-size:12.5px;line-height:1.6;padding:1px 10px;border:2px solid var(--ink);white-space:nowrap}
body.tk .st.on{background:#C9F2D9;color:#0B5A2A}
body.tk .st.blk{background:#FFD3C2;color:#8A2A0B}

/* ---------- القانونية + أي بطاقة نصية ---------- */
body.tk--legal main.wrap > .card,body.tk--other main.wrap > .card,body.tk--review main.wrap > .card{background:var(--paper);border:var(--bd);box-shadow:var(--sh);padding:24px 28px;margin-top:24px}
body.tk .card > h2:first-child,body.tk .card > h3:first-child{margin-top:0}
body.tk .mail{
  display:inline-block;margin-top:16px;padding:12px 28px;direction:ltr;
  background:var(--yellow);color:var(--ink);border:var(--bd);box-shadow:var(--sh);
  font-family:var(--num);font-weight:700;font-size:18px;transition:transform .15s ease,box-shadow .15s ease;
}
body.tk .mail:hover{transform:translate(-2px,-4px);box-shadow:8px 10px 0 var(--ink)}

/* ---------- الجوال: عرض كامل بحشو 16px ---------- */
@media (max-width:760px){
  body.tk{--gut:16px;font-size:16px}
  body.tk .head{padding:104px 0 32px}
  body.tk .head h1{font-size:clamp(23px,6.4vw,30px);line-height:1.45}
  body.tk .head .intro,body.tk .head .lead{font-size:16.5px;padding-inline-start:12px}
  body.tk .story{padding:20px 18px;margin-top:26px;box-shadow:5px 5px 0 var(--ink)}
  body.tk .story .top{gap:12px}
  body.tk .story .num{width:38px;height:38px;font-size:18px}
  body.tk .story h2{font-size:19.5px}
  body.tk .story p{font-size:16px}
  body.tk .story .why{padding:12px 14px 14px}
  body.tk .sources{padding:18px 16px;box-shadow:5px 5px 0 var(--ink)}
  body.tk main.wrap > h2{font-size:23px;margin-top:42px}
  body.tk .ptable{font-size:14px;box-shadow:4px 4px 0 var(--ink)}
  /* الجدول يصير صندوقاً قابلاً للتمرير الأفقي داخله فقط إن لزم — النص يلتف طبيعياً ولا تتمدد الصفحة */
  body.tk .ptable{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.tk .ptable th,body.tk .ptable td{padding:10px 9px}
  body.tk .ptable thead th{white-space:normal}
  body.tk .ptable .tool,body.tk .st{white-space:normal}
  body.tk--legal main.wrap > .card,body.tk--other main.wrap > .card,body.tk--review main.wrap > .card{padding:18px 16px;box-shadow:5px 5px 0 var(--ink)}
  body.tk .closer{padding:18px 16px}
  body.tk .vidbox{box-shadow:4px 4px 0 var(--ink)}
}