/* Nouveautés (public/templates/public/changelog.html), en plus de site.css et guides.css. */

.changelog { max-width: 720px; margin: 0 auto; display: grid; gap: 36px; }
.changelog-month h2 { font-size: 15px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.changelog-month ul { display: grid; gap: 14px; }

.changelog-entry { padding: 24px 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 20px;
  box-shadow: 0 1px 2px rgba(21,23,28,.04); }
.changelog-entry h3 { font-size: 22px; margin: 8px 0 8px; }
.changelog-entry p { color: var(--text); }
.changelog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14px; }
.changelog-entry .changelog-meta { color: var(--muted); }
.changelog-topic { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;
  color: var(--mark); background: color-mix(in srgb, var(--mark) 10%, transparent); }

@media (max-width: 560px) {
  .changelog-entry { padding: 20px; }
  .changelog-entry h3 { font-size: 20px; }
}