/* Changelog — page-specific additions on top of styles.css. Each release
   reuses the landing page's .release-panel, .release-chip and .whats-new-list,
   so no new colours or fonts are introduced here. */

.changelog {
  padding: 64px 0 96px;
}

.changelog-wrap {
  max-width: 680px;
}

.changelog h1 {
  font-size: clamp(2rem, 4vw, 2.6rem);
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}

.changelog-intro {
  color: var(--ink-soft);
  font-size: 1.02rem;
  margin: 0 0 40px;
}

.changelog .release-panel {
  max-width: none;
  margin: 0 0 20px;
  /* Keep a linked version (/changelog#v0.5.1) clear of the sticky nav. */
  scroll-margin-top: calc(var(--nav-height) + 24px);
}

.release-date {
  margin: 0 0 0 auto;
  color: var(--ink-soft);
  font-size: 0.92rem;
}

@media (max-width: 640px) {
  .changelog {
    padding: 48px 0 72px;
  }

  /* On a phone the date drops under the version instead of floating right. */
  .release-date {
    flex-basis: 100%;
    margin-left: 0;
  }
}