/* Change log screen. Native <details>/<summary> for the collapse - no JS,
   and it comes with sensible default keyboard and screen-reader behaviour. */

.changelog-date {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
}

.changelog-date summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.changelog-date summary::-webkit-details-marker { display: none; }
.changelog-date summary::before {
  content: "\25B8";
  display: inline-block;
  width: 1em;
  margin-right: var(--space-2);
  transition: transform 120ms ease-out;
}
.changelog-date[open] summary::before { transform: rotate(90deg); }

.changelog-entries {
  margin: var(--space-3) 0 0;
  padding-left: var(--space-6);
}
.changelog-entries li { margin-bottom: var(--space-2); }
.changelog-entries li:last-child { margin-bottom: 0; }