.release-page{
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 34%),
    radial-gradient(circle at top right, rgba(200,250,95,.10), transparent 24%),
    var(--navy);
  min-height:100vh;
}

.release-logo{
  width:150px;
  height:auto;
  display:block;
}

.release-nav{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.release-nav a{
  color:var(--text);
  text-decoration:none;
  padding:.5rem .7rem;
  border-radius:0;
  font-weight:600;
}

.release-nav a:hover,
.release-nav a:focus-visible{
  background:rgba(255,255,255,.06);
}

.release-hero{
  position:relative;
  padding:clamp(56px, 8vw, 104px) 0 38px;
  overflow:hidden;
}

.release-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(10,15,26,.90), rgba(10,15,26,.62)),
    url("/assets/background.png") center/cover no-repeat;
  opacity:.72;
}

.release-hero__inner{
  position:relative;
  z-index:1;
}

.release-hero h1{
  max-width:900px;
}

.release-hero p{
  max-width:760px;
  color:var(--muted);
  font-size:1.08rem;
}

.release-section{
  padding:28px 0 72px;
}

.release-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
}

.release-narrow{
  width:min(900px,92%);
}

.release-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}

.release-card,
.release-sidebar,
.release-detail-block,
.change-group{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.release-card{
  padding:24px;
}

.release-card__meta,
.release-facts{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.6rem;
  color:var(--muted);
  font-size:.92rem;
  font-weight:600;
}

.release-card__meta a{
  color:var(--active);
  text-decoration:none;
}

.release-card__meta span,
.release-card__meta time,
.release-facts span,
.release-facts time{
  padding:.28rem .55rem;
  border:1px solid var(--line);
  border-radius:0;
  background:rgba(255,255,255,.04);
}

.release-card h2{
  margin-top:.85rem;
  font-size:1.35rem;
}

.release-card h2 a{
  color:var(--text);
  text-decoration:none;
}

.release-card p{
  color:var(--muted);
}

.release-link,
.breadcrumb{
  color:var(--active);
  font-weight:700;
  text-decoration:none;
}

.release-link:hover,
.breadcrumb:hover{
  text-decoration:underline;
}

.release-sidebar{
  padding:22px;
}

.release-sidebar h2{
  font-size:1.15rem;
}

.product-list{
  display:grid;
  gap:14px;
  list-style:none;
  margin:16px 0 0;
  padding:0;
}

.product-list a{
  display:block;
  color:var(--text);
  font-weight:700;
  text-decoration:none;
}

.product-list span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.92rem;
}

.latest-version{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:14px;
  padding:.55rem .75rem;
  border-radius:0;
  background:rgba(200,250,95,.12);
  color:var(--active);
  font-weight:700;
}

.release-detail-block{
  margin-top:20px;
  padding:24px;
}

.release-detail-block h2,
.change-group h3{
  font-size:1.14rem;
}

.highlight-list{
  margin:14px 0 0;
  padding-left:1.2rem;
}

.highlight-list li + li{
  margin-top:.45rem;
}

.change-grid{
  display:grid;
  gap:16px;
  margin-top:20px;
}

.change-group{
  padding:22px;
  border-left:4px solid var(--blue);
}

.change-group--new{
  border-left-color:var(--active);
}

.change-group--improved{
  border-left-color:var(--blue);
}

.change-group--fixed{
  border-left-color:#DDE5F3;
}

.change-group ul{
  margin:12px 0 0;
  padding-left:1.2rem;
  color:var(--muted);
}

.change-group li + li{
  margin-top:.45rem;
}

.release-note-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.release-note-grid p{
  color:var(--muted);
}

.release-empty{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(59,130,246,.2);
  border-radius:0;
  background:rgba(59,130,246,.08);
  color:var(--muted);
}

@media (max-width:900px){
  .release-layout,
  .release-note-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .release-logo{
    width:124px;
  }

  .release-nav{
    gap:.25rem;
  }

  .release-card,
  .release-sidebar,
  .release-detail-block,
  .change-group{
    padding:20px;
  }
}

/* Shared Funkit presentation; release data and routing are unchanged. */
.release-page{background:var(--canvas)}.release-hero::before{background:var(--surface);opacity:1}

.release-hero{border-bottom:2px solid var(--blue)}.release-card h2,.release-detail-block h2,.change-group h3{text-transform:none;line-height:1.3;letter-spacing:-.02em}