/* tk-review.css — مراجعات شعاع بثيم النادي (يُحمَّل بعد tk-read.css الذي يعطي البطل والنثر والجداول والمصادر).
   المكوّنات: .disc إفصاح · .tldr خلاصة · .feat ميزة (+ .free/.paid) · .warn/.note تنبيهات · .prompt برومت · .verdict حكم داكن (+ .lbl/.alt) · .cta/.go زر العمولة · .fine.
   عقد: CSS فقط؛ rel روابط العمولة لا يُمس (في HTML). */

/* ---------- الإفصاح: تنبيه أصفر بشريط جانبي ---------- */
body.tk .disc{
  display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:13px 16px;
  background:var(--tint)!important;color:var(--ink)!important;
  border:var(--bd)!important;border-inline-start:10px solid var(--yellow)!important;border-radius:0!important;
  box-shadow:var(--sh-sm);font-size:14.5px;line-height:1.85;
}
body.tk .disc svg,body.tk .disc .ic{flex:0 0 auto;width:20px;height:20px;margin-top:3px;color:var(--ink);opacity:1}
body.tk .disc > span{min-width:0}

/* ---------- الخلاصة السريعة ---------- */
body.tk .tldr{margin-top:28px;background:var(--paper);border:var(--bd);box-shadow:var(--sh);padding:22px 26px}
body.tk .tldr h4{display:flex;align-items:center;gap:8px;font-family:var(--archivo);font-weight:800;font-size:17px;color:var(--orange)}
body.tk .tldr ul{list-style:none;margin:10px 0 0;padding:0}
body.tk .tldr li{position:relative;margin-top:10px;padding-inline-start:24px;font-size:16px;line-height:1.85;color:rgba(26,20,16,.9)}
body.tk .tldr li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:10px;height:10px;background:var(--orange);border:2px solid var(--ink)}

/* ---------- بطاقات المزايا ---------- */
body.tk .feat{margin-top:18px;background:var(--paper);border:var(--bd);box-shadow:5px 5px 0 var(--ink);padding:18px 22px}
body.tk .feat h3{margin:0;display:flex;align-items:center;gap:12px;font-family:var(--archivo);font-weight:700;font-size:19px;line-height:1.55;color:var(--ink)}
body.tk .feat h3 .ic{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-size:17px;line-height:1}
body.tk .feat p{margin-top:8px;font-size:16px}
body.tk .feat :is(.free,.paid){display:inline-block;margin-top:10px;padding:1px 10px;border:2px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:12.5px;line-height:1.7}
body.tk .feat .free{background:#C9F2D9;color:#0B5A2A}
body.tk .feat .paid{background:var(--yellow);color:var(--ink)}

/* ---------- تنبيهات ---------- */
body.tk .warn{margin-top:22px;background:#FFE7DA;border:var(--bd);border-inline-start:10px solid var(--orange);box-shadow:var(--sh-sm);padding:14px 18px;font-size:15.5px;line-height:1.85;color:var(--ink)}
body.tk .warn b{font-family:var(--archivo);font-weight:800;color:var(--ink)}
body.tk .note{margin-top:22px;background:#E3F6EC;border:var(--bd);border-inline-start:10px solid var(--green-3);box-shadow:var(--sh-sm);padding:14px 18px;font-size:15px;line-height:1.85;color:var(--ink)}
body.tk .note b{display:block;margin-bottom:4px;font-family:var(--archivo);font-weight:800;color:#0B5A3E}

/* ---------- البرومت (كتلة لاتينية) ---------- */
body.tk .prompt{
  margin-top:18px;padding:18px 20px;direction:ltr;text-align:left;white-space:pre-wrap;overflow-x:auto;overflow-wrap:anywhere;
  background:var(--ink);color:var(--cream);border:var(--bd);box-shadow:5px 5px 0 var(--orange);
  font-family:var(--mono-latin);font-size:13.5px;line-height:1.8;
}
body.tk .prompt .v{color:var(--yellow);font-weight:600}

/* ---------- الحكم: بطاقة داكنة ---------- */
body.tk .verdict{margin-top:40px;background:var(--ink);color:var(--cream);border:var(--bd);box-shadow:8px 8px 0 var(--orange);padding:28px 30px}
body.tk .verdict .lbl{
  display:inline-block;margin-bottom:10px;padding:3px 12px;
  background:var(--yellow);color:var(--ink);border:2px solid var(--cream);box-shadow:3px 3px 0 var(--orange);
  font-family:var(--sans);font-weight:700;font-size:13px;line-height:1.6;
}
body.tk .verdict h2{margin:4px 0 6px;font-family:var(--archivo);font-weight:800;font-size:clamp(22px,2.4vw,27px);line-height:1.5;color:var(--yellow)}
body.tk .verdict h2 .k{background:none;color:var(--yellow);padding:0}
body.tk .verdict p{color:rgba(244,231,206,.9)}
body.tk .verdict strong{color:var(--cream)}
body.tk .verdict em{color:var(--yellow)}
body.tk .verdict a{color:var(--yellow);text-decoration:underline;text-underline-offset:4px;font-weight:600}
body.tk .verdict a:hover{background:var(--yellow);color:var(--ink)}
body.tk .verdict ul{margin:12px 0 0;padding-inline-start:22px}
body.tk .verdict li{margin-top:8px;color:rgba(244,231,206,.9)}
body.tk .verdict li::marker{color:var(--yellow)}
body.tk .verdict code{background:rgba(244,231,206,.1);border-color:rgba(244,231,206,.4);color:var(--yellow)}
body.tk .verdict .alt{margin-top:20px;padding:16px 18px;background:rgba(244,231,206,.06);border:2px dashed rgba(244,231,206,.35)}
body.tk .verdict .alt b{font-family:var(--archivo);font-weight:800;color:var(--orange-2)}
body.tk .alt p{margin-top:6px}

/* ---------- زر العمولة ---------- */
body.tk .cta{margin-top:36px;text-align:center;background:var(--paper);border:var(--bd)!important;box-shadow:8px 8px 0 var(--ink)!important;padding:30px 28px}
body.tk .cta h3{margin:0;font-family:var(--archivo);font-weight:800;font-size:clamp(21px,2.4vw,25px);line-height:1.5;color:var(--orange)}
body.tk .cta p{max-width:560px;margin:10px auto 0;font-size:15.5px;color:rgba(26,20,16,.82)}
body.tk .cta .go{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:14px 34px;max-width:100%;
  background:var(--yellow)!important;color:var(--ink);border:var(--bd);box-shadow:var(--sh)!important;border-radius:0;
  font-family:var(--sans);font-weight:700;font-size:17px;line-height:1.5;text-decoration:none;
  transition:transform .15s ease,box-shadow .15s ease;
}
body.tk .cta .go:hover{transform:translate(-2px,-4px);box-shadow:8px 10px 0 var(--ink)!important}
body.tk .cta .go:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)!important}
/* زر ثانوي ملوّن مضمّناً (دعوات Claude) — برتقالي بدل التدرّج القديم */
body.tk .cta .go[style]{background:var(--orange-2)!important}
body.tk .cta .fine{margin-top:14px;font-size:12.5px;line-height:1.7;color:var(--dim)}
body.tk .fine{font-size:12.5px;color:var(--dim)}

/* أسطر صغيرة بأنماط مضمّنة قديمة (style="font-size:.86rem;color:var(--dim)") تعمل بمتغيرات tk-read */

@media (max-width:760px){
  body.tk .tldr,body.tk .feat,body.tk .cta{padding-inline:16px}
  body.tk .tldr{box-shadow:5px 5px 0 var(--ink)}
  body.tk .feat{box-shadow:4px 4px 0 var(--ink)}
  body.tk .feat h3{font-size:17.5px}
  body.tk .verdict{padding:22px 16px;box-shadow:5px 5px 0 var(--orange)}
  body.tk .cta{box-shadow:5px 5px 0 var(--ink)!important}
  body.tk .cta .go{padding:13px 22px;font-size:16px}
  body.tk .prompt{font-size:12.5px;padding:14px}
}