.version-block {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  overflow: hidden;
  background: rgba(0, 0, 0, .12);
}

.version-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 1rem 1.25rem;
  background: rgba(14, 165, 233, .07);
  border-bottom: 1px solid rgba(14, 165, 233, .15);
  cursor: pointer;
  user-select: none;
}

.version-header:hover {
  background: rgba(14, 165, 233, .12);
}

.version-tag {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .3rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(14, 165, 233, .45);
  background: rgba(14, 165, 233, .12);
  color: #bfe8ff;
  font-weight: 900;
  font-family: var(--mono);
  font-size: .9rem;
}

.version-tag.latest {
  border-color: rgba(34, 197, 94, .45);
  background: rgba(34, 197, 94, .12);
  color: #a7f3c0;
}

.version-date {
  color: var(--retro-muted);
  font-size: .88rem;
}

.version-body {
  padding: 1.1rem 1.25rem;
}

.version-desc {
  color: var(--retro-muted);
  font-size: .95rem;
  margin-bottom: 1rem;
}

.change-item {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: .75rem;
  background: rgba(0, 0, 0, .15);
  padding: .8rem 1rem;
}

.change-title {
  font-weight: 700;
  margin-bottom: .35rem;
}

.change-detail {
  color: var(--retro-muted);
  font-size: .9rem;
  margin: .2rem 0 0;
}

.mc-0 { color: #000000 }
.mc-1 { color: #0000aa }
.mc-2 { color: #00aa00 }
.mc-3 { color: #00aaaa }
.mc-4 { color: #aa0000 }
.mc-5 { color: #aa00aa }
.mc-6 { color: #ffaa00 }
.mc-7 { color: #aaaaaa }
.mc-8 { color: #888888 }
.mc-9 { color: #5555ff }
.mc-a { color: #55ff55 }
.mc-b { color: #55ffff }
.mc-c { color: #ff5555 }
.mc-d { color: #ff55ff }
.mc-e { color: #ffff55 }
.mc-f { color: #ffffff }

#changelog-loading,
#changelog-error {
  display: none;
}

.chevron-icon {
  transition: transform .2s ease;
  color: var(--retro-muted);
}

.version-block.collapsed .chevron-icon {
  transform: rotate(-90deg);
}

.version-block.collapsed .version-body {
  display: none;
}