/* صفحة «التحديثات السابقة» (#193) — أنماط خاصة بـ updates.html فقط. البنود نفسها بأنماط
   البطاقة (.rn-item… في components.css) لأنها تُرسم بالدالة نفسها، فلا تُكرَّر هنا. */

.up-main{padding-block:44px 70px; max-width:680px}

.up-hero{text-align:center; margin-bottom:30px}
.up-hero h1{margin:0 0 10px; font-size:30px}
.up-hero p{margin:0; color:var(--muted); font-size:14.5px; line-height:2.1}

.up-list{display:flex; flex-direction:column; gap:18px}
.up-release{
  background:var(--surface); border:1px solid var(--border); border-radius:18px;
  padding:20px 20px 18px; box-shadow:var(--shadow);
}
.up-head{display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px}
.up-head .rn-ver{margin:0; font-family:var(--mono)}
.up-title{margin:0; font-size:16px; line-height:1.6}
.up-date{margin-inline-start:auto; font-size:11.5px; color:var(--muted)}
/* القائمة في البطاقة تتمرّر داخل النافذة بهوامش سالبة لشريط التمرير؛ في الصفحة تمتد طبيعياً */
.up-release .rn-list{overflow:visible; margin-inline-end:0; padding-inline-end:0; margin-top:14px}

.up-empty{
  text-align:center; color:var(--muted); font-size:13.5px; padding:44px 10px; line-height:2;
  background:var(--surface); border:1px dashed var(--border); border-radius:18px;
}
.up-back{display:flex; justify-content:center; margin-top:30px}
.up-back .btn{min-height:44px}

@media (max-width: 520px){
  .up-main{padding-block:28px 50px}
  .up-hero h1{font-size:25px}
  .up-release{padding:16px 14px}
  .up-date{margin-inline-start:0; flex-basis:100%}
}