/* /changelog additions, layered on top of app-page.css + guide-page.css. */

.release { margin-bottom: var(--space-2xl); padding-bottom: var(--space-lg); border-bottom: 1px solid var(--color-rule); }
.release:last-of-type { border-bottom: none; }
.release h2 {
  display: flex; align-items: baseline; gap: var(--space-sm); flex-wrap: wrap;
  font-size: var(--text-lg); margin: 0 0 var(--space-sm);
}
.release h2 a { color: var(--color-ink); }
.release h2 a:hover { color: var(--color-accent); }
.release h2 time {
  font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 400;
  letter-spacing: 0.03em; color: var(--color-muted);
}
.release h3 {
  font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-muted);
  margin: var(--space-md) 0 var(--space-xs);
}
.release .note {
  font-size: var(--text-sm); color: var(--color-ink-2); max-width: 62ch;
  margin-bottom: var(--space-md);
}
.release ul { max-width: 66ch; margin: 0 0 var(--space-sm) var(--space-lg); }
.release li { font-size: var(--text-sm); margin-bottom: var(--space-2xs); }
.release li ul { margin-top: var(--space-2xs); margin-bottom: var(--space-2xs); }
.release code {
  font-family: var(--font-mono); font-size: 0.9em;
  background: var(--color-paper-2); border: 1px solid var(--color-rule);
  border-radius: 4px; padding: 0.05em 0.35em;
}

details.older { margin-top: var(--space-xl); }
details.older > summary {
  cursor: pointer; list-style: none; font-family: var(--font-mono);
  font-size: var(--text-sm); color: var(--color-muted); padding: var(--space-sm) 0;
  border-top: 1px solid var(--color-rule);
}
details.older > summary::-webkit-details-marker { display: none; }
details.older > summary::before { content: "+ "; }
details.older[open] > summary::before { content: "– "; }
details.older[open] > summary { color: var(--color-ink-2); }