/* ----- Releases page (scoped) ----- */
/* Subtitle contrast */
.page-releases .subtitle{ color:#5e6572; }
@media (prefers-color-scheme: dark){
  .page-releases .subtitle{ color:#a7acb7; }
}

/* Swap surface: background <-> cards */
.page-releases{
  --release-highlight:235 166 48;
  background:#f5f5f7;
}
@media (prefers-color-scheme: dark){
  .page-releases{ background:#000; color:#e8e9ec; }
}

.page-releases .page-hero-card{
  --hero-a:235 166 48;
  --hero-b:211 105 101;
  --hero-c:193 135 93;
}

/* Surface only for the list area */
.releases-surface{ background:transparent; padding:16px 0 24px; }

/* Card + typography balance */
.releases-list{ display:grid; gap:16px; }

/* Empty/loading states */
.empty{
  border:1px solid var(--nav-border);
  border-radius:var(--banner-radius);
  padding:18px;
  text-align:center;
  margin:2px 0;
}
@media (prefers-color-scheme: dark){
  .empty{ border-color: #56596466; }
}

.releases-group{ margin: 12px 0 24px; }
.group-title{
  text-align:left;
  margin: 0 0 8px;
  padding-left:2px;
  font-weight:600;
  font-size:clamp(20px, 4.6vw, 24px);
}

/* Ensure release titles are left-aligned */
.release-title{ text-align:left; }
.release-title{
  margin:0 0 1px;
  font-weight:600;
  font-size:clamp(18px, 4vw, 20px);
}
.release-meta{
  margin:-2px 0 0;
  display:flex;
  align-items:center;
  gap:.6ch;
}

.prose{ line-height:1.65; }
.prose h1,.prose h2{ font-size:clamp(18px, 4vw, 20px); margin:16px 0 8px; font-weight:600; }
.prose h3{ font-size:clamp(16px, 4vw, 18px); margin:16px 0 6px; }
.prose p{ margin:8px 0; font-size:clamp(14px, 3.6vw, 16px); }
.prose ul{ margin:8px 0 8px 1.2rem; padding:0; }
.prose li{ margin:6px 0; }
.prose .known-issues-title{ margin:24px 0 14px; }
.prose .known-issue-title{
  margin:18px 0 4px;
  font-size:clamp(16px, 4vw, 18px);
  font-weight:600;
}
.prose .known-issue-detail{ margin:0 0 18px; }

/* Slightly increase horizontal padding for body text */
.prose{ padding-inline: 6px; }
@media (min-width:900px){
  .prose{ padding-inline: 10px; }
}

.release-head{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:12px;
  align-items:center;
  padding:2px 0 0 2px;
}
.release-icon{
  width:clamp(40px, 12vw, 56px);
  height:clamp(40px, 12vw, 56px);
  flex:0 0 auto;
  border-radius:8px;
  object-fit:contain;
}
.release-head-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:4px;
}

/* Card radius: use banner-radius system */
.page-releases .card{
  background:#fff;
  color:#111317;
  border:0;
  border-radius: var(--banner-radius);
  overflow:hidden;
}
@media (prefers-color-scheme: dark){
  .page-releases .card{
    background:var(--surface-dark);
    color:#e8e9ec;
  }
}

/* Highlight the top item in "Latest Releases" with a restrained inner glow */
.page-releases .card.is-highlight{
  position: relative;
}
.page-releases .card.is-highlight::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 18px rgb(var(--release-highlight) / .54);
  transition: box-shadow .2s ease;
}
@media (prefers-color-scheme: light){
  .page-releases .card.is-highlight::after{
    box-shadow:inset 0 0 16px rgb(var(--release-highlight) / .46);
  }
}

.release-foot{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.6rem;
  margin-top:12px;
}

/* Keep the highlight button aligned with the card glow */
.page-releases .card.is-highlight .btn-blue{
  background:rgb(var(--release-highlight) / .86) !important;
  border-color:rgb(var(--release-highlight) / .62) !important;
  color:#111317 !important;
}
.page-releases .card.is-highlight .btn-blue:hover{
  background:rgb(var(--release-highlight) / .94) !important;
}
.page-releases .card.is-highlight .btn-blue:active{
  background:rgb(var(--release-highlight) / .78) !important;
}

/* Footer theming */
.page-releases .footer{
  background:#f5f5f7;
  color:#5e6572;
}
@media (prefers-color-scheme: dark){
  .page-releases .footer{
    background:#000;
    color:#a7acb7;
  }
}

.page-releases main{ margin-bottom:0; padding-bottom:0 }