/* ══════════════════════════════════════
   Release Page — compact Slack-friendly
   ══════════════════════════════════════ */

body{
  display:flex;
  flex-direction:column;
}
.release-page{
  max-width:800px;
  margin:0 auto;
  padding:3rem 1.5rem 2rem;
  flex:1;
  width:100%;
}

/* ── Header ── */
.release-header{
  margin-bottom:2rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--border);
  position:relative;
}
.release-header-top{
  display:flex;align-items:center;gap:10px;
  margin-bottom:.3rem;
}
.release-mascot{
  position:absolute;
  right:-10px;top:-18px;
  width:64px;height:auto;
  opacity:.8;
  pointer-events:none;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));
}
.release-version-badge{
  font-size:12px;font-weight:900;letter-spacing:.04em;
  padding:3px 12px;border-radius:6px;
  background:var(--cavai-pink);
  color:#fff;
  white-space:nowrap;
}
.release-title{
  font-size:clamp(20px,4vw,26px);font-weight:900;
  letter-spacing:-0.02em;
  color:var(--text-primary);
}
.release-date{
  font-size:13px;color:var(--text-muted);font-weight:700;
  margin-bottom:.4rem;
}
.release-gh-link{
  font-size:12px;font-weight:700;
  color:var(--text-muted);text-decoration:none;
  transition:color .15s;
}
.release-gh-link:hover{color:var(--cavai-pink)}

/* ── Sections ── */
.release-section{
  margin-bottom:1.5rem;
}
.release-section-label{
  font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:6px;
  display:inline-block;
  margin-bottom:.8rem;
}
.release-section-label.new{
  background:rgba(52,211,153,.1);color:#059669;
}
.release-section-label.imp{
  background:rgba(96,165,250,.1);color:#2563eb;
}
.release-section-label.fix{
  background:rgba(251,191,36,.1);color:#d97706;
}

/* ── Items ── */
.release-item{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);corner-shape:var(--squircle);
  padding:1rem 1.25rem;
  margin-bottom:.5rem;
  overflow:visible;
}
.release-item-title{
  font-size:15px;font-weight:900;
  color:var(--text-primary);
  margin-bottom:.3rem;
}
.release-item p{
  font-size:14px;line-height:1.65;
  color:var(--text-secondary);
  margin-bottom:.4rem;
}
.release-item p:last-of-type{margin-bottom:0}
.release-item code{
  font-size:12px;
  background:rgba(255,127,137,.06);
  padding:1px 5px;border-radius:4px;
  color:var(--text-primary);
}

.release-item-images{
  display:flex;gap:8px;
  margin-top:.6rem;
}
.release-item-images img{
  border-radius:6px;
  border:1px solid var(--border);
  max-width:100%;height:auto;
  object-fit:contain;
  background:#e8e8e8;
}
.release-item-images.two{
  align-items:stretch;
}
.release-item-images.two img{
  flex:1 1 48%;max-width:49%;min-width:0;
  object-fit:contain;
  object-position:center;
}

.release-item-meta{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin-top:.6rem;
  padding-top:.5rem;
  border-top:1px solid var(--border);
  font-size:10px;color:var(--text-muted);font-weight:700;
}
.release-item-meta .meta-avatar{width:16px;height:16px;border-radius:50%;vertical-align:middle}
.release-item-meta .meta-name{font-weight:700;color:var(--text-muted);text-decoration:none}
.release-item-meta .meta-name:hover{color:var(--text-secondary)}
.release-item-meta .meta-dot{opacity:.3}
.release-item-meta .pr-link{
  font-size:10px;font-weight:700;
  color:var(--cavai-pink);text-decoration:none;
}
.release-item-meta .pr-link:hover{text-decoration:underline}
.release-item-meta .meta-date{margin-left:auto;opacity:.7}

/* ── Footer ── */
.release-footer{
  text-align:center;
  padding:2rem 1rem;
  margin-top:2rem;
  background:var(--cavai-gradient);
  border-radius:var(--radius);corner-shape:var(--squircle);
  color:rgba(255,255,255,.85);
  font-size:11px;font-weight:700;
  letter-spacing:.03em;
}
.release-footer img{
  width:80px;height:auto;
  margin-bottom:.4rem;
  opacity:.9;
}

/* ── Responsive ── */
@media(max-width:480px){
  .release-page{padding:2rem 1rem 1.5rem}
  .release-item{padding:.8rem 1rem}
}