/* sims-market · обновления сайта: лента (v2/releases.html) и отзывы для персонала (v2/releases_feedback.html).
   Окно о новом обновлении и форма отзыва — в components.css (.news-*), они есть на всех страницах */

.rl-staff-link { margin-left: auto; }

.rl-feed { display: grid; gap: 20px; max-width: 820px; }
.rl-head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.rl-date { font-size: var(--fs-xs); font-weight: var(--fw-heavy); color: var(--text-3); text-transform: uppercase; letter-spacing: .04em; }
.rl-title { font-size: 22px; line-height: 1.25; font-weight: var(--fw-heavy); }
.rl-img { display: block; width: 100%; height: auto; margin-bottom: 16px; border-radius: var(--r-lg); background: var(--surface-2); }

/* Описание приходит HTML-ом из миграции: абзацы, списки, жирный, ссылки */
.rl-text { color: var(--text-2); line-height: var(--lh-body); }
.rl-text > :not(:first-child) { margin-top: 12px; }
.rl-text h3 { font-size: 17px; font-weight: var(--fw-heavy); color: var(--text); }
.rl-text > h3:not(:first-child) { margin-top: 20px; }
.rl-text ul, .rl-text ol { display: grid; gap: 8px; margin: 0; padding: 0 0 0 22px; }
.rl-text li::marker { color: var(--primary); }
.rl-text b, .rl-text strong { color: var(--text); }
.rl-text a { color: var(--primary); font-weight: var(--fw-bold); }
.rl-text a:hover { text-decoration: underline; text-underline-offset: 3px; }

.rl-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border); }
.rl-fb-count { margin-left: auto; }

/* Отзывы для персонала */
.rl-back { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.rl-summary-line { margin-bottom: 16px; color: var(--text-2); font-weight: var(--fw-bold); }
.rfb-list { display: grid; gap: 12px; max-width: 900px; }
.rfb-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 8px; font-size: var(--fs-sm); }
.rfb-head time { color: var(--text-3); }
.rfb-head .nick { font-weight: var(--fw-heavy); }
.rfb-release { margin-left: auto; padding: 2px 10px; border-radius: var(--r-pill); background: var(--primary-soft); color: var(--primary-ink); font-weight: var(--fw-bold); }
.rfb-text { overflow-wrap: anywhere; }
.rfb-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 12px 0 0; font-size: var(--fs-xs); color: var(--text-3); }
.rfb-meta div { display: flex; gap: 6px; min-width: 0; }
.rfb-meta dt { font-weight: var(--fw-bold); }
.rfb-meta dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.rfb-meta a { color: var(--text-2); }
.rfb-meta .rfb-ua { flex-basis: 100%; }

@media (max-width: 767px) {
  .rl-title { font-size: 19px; }
  .rl-staff-link, .rl-back { margin-left: 0; }
  .rl-fb-count, .rfb-release { margin-left: 0; }
}