.release-shell { min-height: 100vh; }
.release-intro h1 { max-width: 16ch; }
.release-heading { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.release-heading h2 { max-width: 18ch; }
.release-updated { margin: 0 0 0.25rem; color: var(--muted-strong); font-size: 0.88rem; }
.release-list { display: grid; gap: 1rem; }
.release-card {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 1.8rem;
  background: radial-gradient(circle at 88% 8%, rgba(138, 247, 255, 0.1), transparent 32%), var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.release-card > * { min-width: 0; }
.release-card[data-status='released'] {
  background: radial-gradient(circle at 88% 8%, rgba(99, 230, 190, 0.16), transparent 34%), var(--panel);
}
.release-card-head { display: flex; justify-content: space-between; gap: 1.25rem; align-items: flex-start; }
.release-project {
  margin: 0 0 0.45rem;
  color: var(--muted-strong);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.release-title { margin: 0; color: var(--surface-text); font-size: clamp(1.3rem, 2.4vw, 1.8rem); }
.release-status {
  flex: 0 0 auto;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(233, 244, 255, 0.16);
  border-radius: 999px;
  color: var(--surface-text);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.76rem;
  font-weight: 700;
}
.release-card[data-status='released'] .release-status {
  border-color: rgba(99, 230, 190, 0.34);
  background: rgba(99, 230, 190, 0.12);
}
.release-value { margin: 0; max-width: 66rem; color: var(--surface-muted); font-size: 1.02rem; line-height: 1.72; }
.release-proof { display: grid; gap: 0.55rem; margin: 0; padding-left: 1.2rem; color: var(--surface-muted); }
.release-proof li { overflow-wrap: anywhere; }
.release-proof:empty { display: none; }
.release-links { display: flex; flex-wrap: wrap; gap: 0.8rem 1rem; }
.release-intro .subtle-link,
.release-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.45rem 0.15rem;
}
.release-links a { color: var(--surface-text); font-weight: 600; }
.release-error { color: var(--surface-text); }
@media (max-width: 640px) {
  .release-heading { grid-template-columns: 1fr; }
  .release-card-head { display: grid; }
  .release-status { width: fit-content; }
}