.release-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding-bottom: clamp(72px,9vw,118px); }
.release-hero { max-width: 940px; padding: clamp(64px,9vw,118px) 0 clamp(42px,6vw,70px); }
.release-hero h1 { max-width: 780px; margin: 0; font-size: var(--heading-display); line-height: 1.16; letter-spacing: 0; }
.release-hero > p:not(.eyebrow) { max-width: 820px; margin: 24px 0; color: var(--soft); font-size: 1.1rem; }
.release-notice { padding: 18px 20px; border-left: 4px solid var(--amber); border-radius: 0 10px 10px 0; background: rgba(241,185,93,.08); color: #ffe7bd; }
.release-timeline { position: relative; display: grid; gap: 24px; margin-top: 18px; padding-left: 34px; }
.release-timeline::before { position: absolute; top: 14px; bottom: 14px; left: 9px; width: 2px; background: linear-gradient(var(--cyan), rgba(57,216,236,.12)); content: ""; }
.release-entry { position: relative; padding: clamp(24px,4vw,38px); border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(16,26,31,.96), rgba(20,36,43,.72)); box-shadow: 0 18px 52px rgba(0,0,0,.18); }
.release-entry::before { position: absolute; top: 34px; left: -33px; width: 16px; height: 16px; border: 3px solid var(--bg); border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 3px rgba(57,216,236,.24); content: ""; }
.release-entry header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.release-entry h2 { margin: 5px 0 0; font-size: var(--heading-section); }
.release-version { margin: 0; color: var(--cyan); font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.release-status { display: inline-flex; flex: 0 0 auto; padding: 8px 12px; border: 1px solid currentColor; border-radius: 999px; font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.release-status.in-development { color: var(--amber); background: rgba(241,185,93,.08); }
.release-status.planned { color: var(--cyan); background: rgba(57,216,236,.08); }
.release-status.legacy { color: var(--soft); background: rgba(255,255,255,.04); }
.release-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 22px 0; }
.release-meta div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); }
.release-meta dt { color: var(--muted); font-size: .72rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.release-meta dd { margin: 5px 0 0; color: var(--text); font-weight: 750; }
.release-overview { color: var(--soft); font-size: 1.04rem; line-height: 1.75; }
.release-section { margin-top: 30px; }
.release-section h3 { margin-bottom: 14px; font-size: var(--heading-subsection); }
.release-section ol, .release-section ul { display: grid; gap: 10px; margin: 0; padding-left: 24px; color: var(--soft); }
.release-section li { padding-left: 5px; line-height: 1.65; }
.release-note { margin-top: 26px; padding: 18px 20px; border-left: 3px solid var(--cyan); background: rgba(57,216,236,.06); color: var(--soft); line-height: 1.65; }
.future-releases { margin-top: 42px; padding: clamp(24px,4vw,38px); border: 1px solid rgba(43,216,137,.38); border-radius: 15px; background: rgba(43,216,137,.055); }
.future-releases ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 28px; color: var(--soft); }
@media (max-width: 680px) {
  .release-shell { width: min(100% - 28px,1120px); }
  .release-timeline { padding-left: 22px; }
  .release-timeline::before { left: 5px; }
  .release-entry::before { left: -24px; }
  .release-entry header { flex-direction: column; }
  .release-meta, .future-releases ul { grid-template-columns: 1fr; }
}