.updates-content { max-width:729px; margin:15px auto; padding:0 15px; }
.updates-title { font-size:22px; color:var(--color-nav-hover); font-weight:600; margin-bottom:10px; }

.upd-entry { margin-bottom:0; }
.upd-separator { width:100%; height:1px; background:var(--color-red); border:none; margin:0; }

.upd-header {
  display:flex; align-items:center; gap:15px; padding:12px 15px; min-height:90px;
  background:linear-gradient(to bottom, var(--color-gradient-top), var(--color-gradient-bottom));
}
.upd-icon-wrap { display:flex; flex-direction:column; align-items:center; flex-shrink:0; gap:2px; }
.upd-icon { width:38px; height:38px; }
.upd-icon img { width:100%; height:100%; object-fit:contain; }
.upd-label { font-size:14px; line-height:18px; color:var(--color-text); font-weight:400; }
.upd-info { display:flex; flex-direction:column; }
.upd-version { font-size:26px; line-height:1.3; font-weight:600; }
.upd-version-x { color:var(--color-red); }
.upd-version-text { color:var(--color-text); }
/* "v" w oryginale ma 80% rozmiaru nagłówka (24px przy 30px) */
.upd-version-v { color:var(--color-red); font-size:0.8em; }
.upd-version-num { color:var(--color-red); }
.upd-date { font-size:16px; line-height:22px; color:var(--color-text); font-weight:400; }

.upd-desc { padding:2px 0 2px 10px; font-size:15px; line-height:21px; color:var(--color-cyan); font-weight:400; }
.upd-desc p { margin:0; }
.upd-desc a, .upd-desc a:link, .upd-desc a:visited, .upd-desc a span { color:var(--color-red); text-decoration:none; }
.upd-desc a:hover, .upd-desc a:hover span { color:var(--color-text); }

.upd-screenshot { margin:2px auto; max-width:660px; }
.upd-screenshot img { width:100%; height:auto; }

.upd-header--simple .upd-info { flex-direction:row; align-items:baseline; gap:15px; }

.updates-nav { display:flex; flex-wrap:wrap; gap:8px; margin:25px auto; max-width:729px; padding:0 15px; justify-content:center; }
.updates-nav__link {
  display:inline-block; padding:8px 16px;
  background:linear-gradient(to bottom, var(--color-gradient-top), var(--color-gradient-bottom));
  color:var(--color-text); font-size:14px; font-weight:600; transition:background 0.2s, color 0.2s;
}
.updates-nav__link:hover { background:var(--color-nav-hover); color:#FFF; }
.updates-nav__link--active { background:var(--color-nav-active); color:#FFF; }

@media (max-width:768px) {
  .upd-header { flex-wrap:wrap; gap:8px; }
  .upd-version { font-size:22px; }
  .upd-desc { padding-left:10px; }
  .upd-screenshot { margin:2px auto; }
}