.release-layout {
  display: grid;
  gap: 18px;
  padding-bottom: 72px;
}

.release-card {
  padding: 26px;
  border: 1px solid rgba(116, 153, 205, .28);
  border-radius: 18px;
  background: rgba(8, 26, 47, .72);
}

.release-card h2 {
  margin: 4px 0 10px;
}

.release-title-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.release-badge {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(43, 207, 141, .35);
  border-radius: 999px;
  color: #89e7bd;
  font-size: 12px;
  font-weight: 750;
}

.release-facts {
  margin: 20px 0 0;
  display: grid;
  gap: 0;
}

.release-facts div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  padding: 11px 0;
  border-top: 1px solid rgba(130, 160, 201, .16);
}

.release-facts dt { color: #8fa4bf; }
.release-facts dd { margin: 0; overflow-wrap: anywhere; }
.release-facts .mono, .release-hash, .release-command code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.release-actions {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.release-download {
  padding: 11px 15px;
  border-radius: 9px;
  background: #1d73ee;
  color: white;
  font-weight: 750;
  text-decoration: none;
}

.release-hash {
  display: block;
  margin-top: 14px;
  padding: 14px;
  border-radius: 10px;
  background: #04111f;
  color: #d9e7f8;
  overflow-wrap: anywhere;
}

.release-command {
  margin-top: 16px;
  display: grid;
  gap: 7px;
}

.release-command span { color: #8fa4bf; font-size: 12px; }
.release-command code { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  .release-card { padding: 20px; }
  .release-title-row { display: grid; }
  .release-facts div { grid-template-columns: 1fr; gap: 4px; }
}