/* زلال — صفحة تحميل تطبيق السائق (/driver)
   تُحمَّل بعد site.css ولا تكرّر شيئاً منه: كل ما هنا خاصّ بهذه الصفحة وحدها.
   وُضعت في ملف مستقلّ لا داخل site.css كي لا يستوجب أي تعديل هنا رفع رقم ?v=
   الخاص بالصفحة الرئيسية (القاعدة في docs/site/README.md). */

/* ---------- بطاقة الملف ---------- */
.file{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,40px);align-items:start}
@media(max-width:860px){.file{grid-template-columns:1fr}}

.meta{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.meta>div{padding:14px 16px;border-radius:14px;background:var(--inset)}
.meta dt{font-size:13px;color:var(--muted)}
.meta dd{margin:3px 0 0;font-size:17px;font-weight:700;color:var(--ink)}
@media(max-width:480px){.meta{grid-template-columns:1fr}}

/* بصمة الملف: تُقرأ حرفاً حرفاً للمطابقة، فتُعرض بخطّ ثابت العرض وتلتفّ بدل أن تفيض. */
.sha{margin-top:18px}
.sha b{display:block;font-size:14px;color:var(--ink2);margin-bottom:7px}
.sha code{display:block;padding:13px 15px;border-radius:12px;background:var(--deep);color:#8FE3EC;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;
  word-break:break-all;direction:ltr;text-align:left}

/* ---------- تحذير (بلون تنبيه لا بلون العلامة، ليُقرأ كتحذير) ---------- */
.warn{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:16px 18px;border-radius:14px;
  background:#FFF6E6;border:1px solid #F0DCB4;color:#6B4A0F;font-size:15px;line-height:1.8}
.warn svg{flex-shrink:0;margin-top:3px;color:#B07908}
.warn b{color:#5A3D0A}

/* ---------- خطوات التثبيت (بلا صور، بترقيم ظاهر) ---------- */
.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:s}
.how li{counter-increment:s;position:relative;padding:22px 22px 22px 22px;border-radius:18px;
  background:var(--surface);border:1px solid var(--border)}
.how li::before{content:counter(s);display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;font-size:16px;margin-bottom:13px}
.how b{display:block;font-size:19px;margin-bottom:7px}
.how p{font-size:15px;line-height:1.8;color:var(--ink2)}
@media(max-width:760px){.how{grid-template-columns:1fr}}

/* ---------- «ما الجديد» ---------- */
.new{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 26px}
.new li{display:flex;gap:11px;padding:11px 0;font-size:16px;line-height:1.8;color:var(--ink2)}
.new li::before{content:"";flex-shrink:0;width:9px;height:9px;margin-top:10px;border-radius:50%;
  background:var(--bright);box-shadow:0 0 0 4px rgba(58,154,165,.16)}
.new b{color:var(--ink)}
@media(max-width:760px){.new{grid-template-columns:1fr}}

/* ---------- شاشتا التطبيق ---------- */
.pair{display:flex;justify-content:center;gap:16px}
.pair img{border-radius:22px;border:6px solid #0B2D34;background:#0B2D34}
@media(max-width:480px){.pair img:last-child{display:none}}