/* Release cards use the shared website color and typography tokens. */
.wplytic-changelog {
  padding-block: var(--wplytic-section-y);
  background: var(--wplytic-surface-muted);
}
.wplytic-changelog > .wplytic-container { max-width: var(--wplytic-readable); }
.wplytic-changelog h1 { margin: 0 0 1rem; font-size: clamp(2rem, 5vw, 3rem); }
.wplytic-changelog .changelog-intro { margin: 0 0 2rem; color: var(--wplytic-muted); }
.changelog-card {
  padding: clamp(1.25rem, 4vw, 2rem);
  margin-block: 0 1.5rem;
  border: 1px solid var(--wplytic-border);
  border-radius: var(--wplytic-radius-lg);
  background: var(--wplytic-surface);
  box-shadow: var(--wplytic-shadow-sm);
  scroll-margin-top: 6rem;
}
.changelog-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--wplytic-border);
}
.changelog-card h2 { margin: 0; font-size: clamp(1.4rem, 3vw, 1.75rem); }
.changelog-card time { color: var(--wplytic-muted); font-size: .875rem; white-space: nowrap; }
.changelog-card h3 { margin: 1.5rem 0 .75rem; font-size: 1.05rem; }
.changelog-card p { margin: 0 0 1rem; text-align: start; }
.changelog-card ul { margin: 0 0 1rem; padding-inline-start: 1.25rem; list-style: disc; }
.changelog-card li { color: var(--wplytic-text); margin-bottom: .65rem; padding-inline-start: .25rem; overflow-wrap: anywhere; }
.changelog-card li::marker { color: var(--wplytic-primary); }
.changelog-card strong { color: var(--wplytic-heading); font-weight: 600; }
.changelog-card > :last-child { margin-bottom: 0; }

.changelog-card__header p { margin: 0; }