/* The page shell and navigation reuse the About page layout. */
.whats-new-updates {
  display: grid;
  gap: var(--spacing-lg);
  min-width: 0;
  overflow-wrap: anywhere;
}

.whats-new-entry,
.about-hero .whats-new-empty {
  padding: var(--spacing-lg);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.45);
}

.about-hero .whats-new-empty {
  margin: 0;
  max-width: none;
}

.about-hero .whats-new-date {
  margin: 0 0 var(--spacing-sm);
  color: var(--accent-light);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.whats-new-entry h2 {
  margin: 0;
  color: var(--text);
  font-size: var(--font-size-xl);
}

.whats-new-entry ul {
  margin: var(--spacing-md) 0 0;
  padding-inline-start: var(--spacing-lg);
  color: var(--text-secondary);
}

.whats-new-entry li + li {
  margin-top: var(--spacing-sm);
}