/* ===== Release notes page: every rule is scoped to .release-page (nothing touches header/footer) ===== */
.release-page{color:var(--ink); line-height:1.6}
.release-page *{box-sizing:border-box}
.release-page ul{margin:0}
.release-page .r-in{max-width:1240px; margin:0 auto; padding:0 32px}
.release-page .r-block{padding-top:32px; padding-bottom:48px}

/* hero (same as About / FAQ / Privacy) */
.release-page .a-hero{background:linear-gradient(135deg,#FFF1D6,#FFFFFF 50%,#E4F5EA); border-bottom:1px solid var(--line); padding:34px 0 40px; position:relative}
.release-page .a-hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:linear-gradient(90deg,var(--saffron) 33%,#fff 33% 66%,var(--green) 66%)}
.release-page .crumb{font-size:13.5px; color:var(--slate); margin-bottom:10px}
.release-page .crumb a{color:var(--navy); font-weight:600}
.release-page .crumb a:hover{color:var(--saffron-deep)}
.release-page .a-hero h1{font-size:clamp(32px,4.6vw,50px); font-weight:800; color:var(--ink); margin:0 0 8px}
.release-page .a-hero p{color:var(--slate); font-size:17px; max-width:62ch; margin:0}

/* timeline */
.release-page .timeline{display:grid; gap:20px; position:relative; padding-left:28px}
.release-page .timeline::before{content:""; position:absolute; left:6px; top:12px; bottom:12px; width:2px; background:var(--line)}
.release-page .rel{--rc:var(--saffron); position:relative; background:#fff; border:1px solid var(--line); border-left:5px solid var(--rc); border-radius:16px; padding:22px 26px; box-shadow:0 10px 24px -18px rgba(32,28,25,.35)}
.release-page .rel::before{content:""; position:absolute; left:-29px; top:28px; width:14px; height:14px; border-radius:50%; background:var(--rc); border:3px solid var(--bg,#FBFAF7); box-shadow:0 0 0 1px var(--rc)}
.release-page .rel:nth-child(2){--rc:var(--green)}
.release-page .rel:nth-child(3){--rc:var(--navy)}
.release-page .rel:nth-child(n+4){--rc:var(--gold)}
.release-page .rh{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px}
.release-page .ver{font-family:var(--sat); font-weight:800; font-size:26px; line-height:1.1; color:var(--navy)}
.release-page .rh time{color:var(--slate); font-size:14px}
.release-page .tagx{background:var(--rc); color:#fff; font-weight:700; font-size:12px; padding:3px 12px; border-radius:99px}
.release-page .rel ul{list-style:none; padding:0; margin:12px 0 0}
.release-page .rel li{position:relative; padding:4px 0 4px 24px; color:var(--slate)}
.release-page .rel li::before{content:"✓"; position:absolute; left:0; font-weight:800; color:var(--rc)}

@media(max-width:640px){
  .release-page .r-in{padding:0 18px}
  .release-page .a-hero{padding:26px 0 32px}
  .release-page .r-block{padding-top:24px; padding-bottom:36px}
  .release-page .timeline{padding-left:22px}
  .release-page .rel{padding:18px 18px}
  .release-page .rel::before{left:-23px}
  .release-page .ver{font-size:22px}
}