/* a11y-visual-optional.css — proposal-v4: مفعّل الآن (بند 7 من طلب أحمد: «حسّن النصوص الصغيرة والتباين حيث يلزم»).
   مربوط في index.html و guide.html بعد a11y-fixes.css، ويُلغى كاملًا بحذف سطر الربط نفسه.
   القاعدة: لا يمسّ «تشوفهم؟» ولا الأرقام/النتائج (.demo-result و بطاقات النتائج مستثناة عمدًا) ولا «افتح لوحة زد» ولا «تم التطبيق».
   لا تغيير ألوان هوية، فقط رفع الحد الأدنى للخط إلى 12px ورفع تباين نصّين تحت 4.5:1. */

/* تباين: «الرئيسية» في شريط المتجر التوضيحي كانت #94879d ≈ 3.38:1 → #766a7e ≈ 5.3:1 على الأبيض (الحجم كما هو) */
.example-store-page{color:#766a7e}
/* تباين: «أرجع هذه الخطوة لغير مكتملة» كانت #a18aaf ≈ 3.1:1 → #7d6690 ≈ 5.0:1 (اقتراح أحمد)؛ والحجم 11 → 12px */
body[data-page=guide] .task-more-body .task-undo,body[data-page=guide] .task-undo{color:#7d6690;font-size:12px}

/* نصوص صغيرة (9–11px في الأصل) → 12px. قاعدة صارمة: لا نصغّر أي نص؛ لذلك المحدّدات اللي حجمها في الأصل على سطح المكتب
   13–14px (ملخصات «تحتاج شرح أكثر؟»، سطر الفوتر، شرح التغيير) ترتفع على الجوال فقط. (تحقق: tests/style-compare-v4.mjs) */
.change-recap b{font-size:12px}
body[data-page=home] .compare-prompt{font-size:12px}
.zid-legal,.zid-legal bdi{font-size:12px}
body[data-page=guide] .guide-heading .eyebrow{font-size:12px}
body[data-page=guide] .task-tools .text-link{font-size:12px}
body[data-page=guide] .provided-review-note,body[data-page=guide] .category-scroll-hint,body[data-page=guide] .category-disclaimer,body[data-page=guide] .visual-overline,body[data-page=guide] .visual-disclaimer,body[data-page=guide] .option-selection{font-size:12px}
body[data-page=guide] .store-device .cup-options-example .visual-disclaimer,body[data-page=guide] .task-example .cup-options-example .visual-disclaimer,body[data-page=guide] .realistic-cart .visual-disclaimer{font-size:12px}
@media(max-width:760px){
  .change-recap p{font-size:12px}
  .zid-footer-top p{font-size:12px}
  body[data-page=guide] .task-tip summary,body[data-page=guide] .template-details summary,body[data-page=guide] .task-example>summary,body[data-page=guide] .case-voice summary,body[data-page=guide] .screenshot-details summary{font-size:12px}
}