/* ─────────────────────────────────────────
   UPDATES PAGE
───────────────────────────────────────── */

/* Stack of update cards */
.updates-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 40px;
}

.update-card {
  background: #fff;
  border-radius: 16px;
  padding: 18px 20px;
}

/* Small badge at the top of each card (NEW / COMING SOON) */
.update-badge {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  border-radius: 20px;
  margin-bottom: 10px;
}

/* Red tint for released features */
.badge-new      { background: #E8192C15; color: #E8192C; }

/* Grey for upcoming features */
.badge-upcoming { background: #f0f0f5; color: #888; }

.update-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 5px;
}

.update-desc {
  font-size: 0.82rem;
  color: #777;
  line-height: 1.55;
}

/* Release date shown at the bottom of NEW cards */
.update-date {
  font-size: 0.65rem;
  font-weight: 600;
  color: #ccc;
  letter-spacing: 0.05em;
  margin-top: 10px;
}

/* Past update cards — no badge, slightly dimmed */
.updates-list .updates-section-label:last-of-type ~ .update-card {
  opacity: 0.6;
}

/* "NEW" / "COMING SOON" section labels */
.updates-section-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #bbb;
  margin: 20px 0 8px;
}