/* ============================================================
   Страница /release-notes/ — хронология выпусков.
   Правило чисел общее с site.css: все размеры чётные, шаг 4.
   Палитра: фон #222526 · карточки #1a1b1e · рамки #2a2b2e
            акцент #09a9ff · второй акцент #d264fb · текст #e0e0e0
   ============================================================ */

/* ==================== ТЕКУЩАЯ ВЕРСИЯ ==================== */
/* Человек, пришедший «что нового», следующим шагом идёт качать —      */
/* поэтому номер, дата и кнопка стоят выше всей хронологии.            */
.rn-current {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 16px 20px;
  margin: 0 0 24px;
  border: 2px solid #2a2b2e;
  border-radius: 10px;
  background: #1a1b1e;
}

.rn-current__ver { margin: 0; font-size: 1.2rem; color: #e0e0e0; }
.rn-current__ver strong { color: #09a9ff; font-size: 1.4rem; }
.rn-current__date { margin: 0; color: #9a9a9a; font-size: 0.9rem; }

/* Кнопка прижата вправо: на узких экранах перенос сам поставит её вниз. */
.rn-current__cta {
  margin-left: auto;
  padding: 8px 16px;
  border-radius: 6px;
  background: #09a9ff;
  color: #ffffff;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}
.rn-current__cta:hover { background: #34baff; color: #ffffff; transform: scale(1.04); }

/* ==================== ЛЕНТА ВЕРСИЙ ==================== */
/* Выпусков много, и растут они бесконечно. Без этой ленты вопрос      */
/* «что было в 3.2.2» решается только прокруткой всей страницы.        */
.rn-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 32px;
}

.rn-jump {
  padding: 4px 10px;
  border: 2px solid #2a2b2e;
  border-radius: 6px;
  background: #1a1b1e;
  color: #09a9ff;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.rn-jump:hover { border-color: #09a9ff; color: #4dc3ff; }

/* ==================== ХРОНОЛОГИЯ ==================== */
.rn-list { padding-bottom: 56px; }

.rn-item {
  padding: 0 0 24px;
  margin: 0 0 24px;
  border-bottom: 2px solid #2a2b2e;
}
.rn-item:last-child { border-bottom: none; }

/* scroll-margin — чтобы прилипшая шапка не накрывала заголовок,        */
/* когда на выпуск переходят по ссылке из ленты.                        */
.rn-item h2 {
  scroll-margin-top: 80px;
  margin: 0 0 12px;
  font-size: 1.6rem;
  color: #d264fb;
}

.rn-date {
  margin-left: 12px;
  color: #9a9a9a;
  font-size: 0.9rem;
  font-weight: 400;
}

.rn-item h3 {
  margin: 20px 0 8px;
  font-size: 1.1rem;
  color: #ffffff;
}

.rn-item p { margin: 0 0 12px; line-height: 1.7; }
.rn-item ul { margin: 0 0 12px; padding-left: 20px; }
.rn-item li { margin: 0 0 6px; line-height: 1.7; }

/* Плашки в тексте выпусков — это надписи, которые плагин показывает    */
/* на экране; набираются моноширинным, чтобы читались как из интерфейса.*/
.rn-item code {
  padding: 2px 6px;
  border-radius: 4px;
  background: #2a2b2e;
  color: #e0e0e0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.88em;
}

@media (max-width: 720px) {
  .rn-current { padding: 14px 16px; }
  .rn-current__cta { margin-left: 0; width: 100%; text-align: center; }
  .rn-item h2 { font-size: 1.4rem; }
  .rn-date { display: block; margin-left: 0; }
}