.release-hero { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:72px; align-items:end; padding:78px 0 72px; border-bottom:1px solid var(--line); }
.release-hero h1 { margin:18px 0 22px; font-size:clamp(58px,8vw,96px); }
.release-hero .eyebrow { margin-top:26px; }
.release-hero .intro { margin-bottom:0; }
.release-summary { display:grid; gap:7px; padding:30px; border-radius:var(--radius); color:white; background:var(--ink); box-shadow:0 24px 55px rgba(17,24,45,.16); }
.release-summary p { margin:0; color:var(--aqua); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.release-summary strong { font-size:48px; line-height:1; letter-spacing:-.06em; }
.release-summary span { color:#c7ccdb; font-size:13px; }
.release-summary .button { margin-top:19px; color:var(--ink); background:var(--aqua); }
.release-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:52px; padding:72px 0 88px; }
.version-nav { position:sticky; top:24px; align-self:start; display:grid; gap:5px; }
.version-nav > p { margin:0 0 12px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.version-nav a { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-radius:12px; color:var(--muted); font-size:14px; font-weight:700; }
.version-nav a:hover,.version-nav a[aria-current="true"] { color:var(--ink); background:white; box-shadow:0 8px 25px rgba(17,24,45,.06); }
.version-nav span { color:var(--blue); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.release-list { display:grid; gap:22px; }
.release-card { scroll-margin-top:24px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:white; box-shadow:0 16px 44px rgba(17,24,45,.055); }
.release-card.latest { border-color:#cfd5ff; background:linear-gradient(145deg,#f2f5ff 0,#fff 42%); }
.release-card-header { display:flex; justify-content:space-between; align-items:center; padding:32px 36px; border-bottom:1px solid var(--line); }
.release-card-header p { margin:0 0 6px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.release-card-header h2 { margin:0; font-size:46px; }
.latest-pill { padding:7px 11px; border-radius:999px; color:#116d57; background:#dff6ed; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.to-top { color:var(--muted); font-size:12px; font-weight:750; }
.change-list { padding:8px 36px 24px; }
.change-group { display:grid; grid-template-columns:142px minmax(0,1fr); gap:26px; padding:27px 0; border-bottom:1px solid var(--line); }
.change-group:last-child { border-bottom:0; }
.change-group h3 { display:flex; align-items:center; gap:9px; margin:3px 0 0; font-size:14px; letter-spacing:-.02em; }
.change-group h3 span { width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px #e8eaff; }
.change-added h3 span { background:#13a47b; box-shadow:0 0 0 5px #dcf7ed; }
.change-notes h3 span { background:#ef9b2d; box-shadow:0 0 0 5px #fff0d9; }
.change-fixed h3 span { background:#e45c7b; box-shadow:0 0 0 5px #ffe4eb; }
.change-content { min-width:0; }
.change-content p { color:var(--muted); }
.change-content ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.change-content li { position:relative; padding-left:20px; color:#353e53; font-size:15px; line-height:1.62; }
.change-content li::before { position:absolute; top:.68em; left:0; width:6px; height:6px; border-radius:50%; background:#aeb6c9; content:""; }
.change-content strong { color:var(--ink); font-weight:780; }
.change-content code { padding:2px 5px; border-radius:5px; color:var(--blue); background:#eef0ff; font:600 .88em/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; }
.change-content a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:760px) {
  .release-hero { display:block; padding:52px 0 56px; }.release-hero h1 { font-size:clamp(50px,17vw,72px); }.release-summary { margin-top:38px; }
  .release-layout { display:block; padding:50px 0 68px; }.version-nav { position:static; display:flex; gap:7px; overflow-x:auto; margin-bottom:26px; padding-bottom:5px; }.version-nav > p { display:none; }.version-nav a { flex:0 0 auto; border:1px solid var(--line); background:white; }.version-nav span { margin-left:10px; }
  .release-card-header { padding:27px 24px; }.release-card-header h2 { font-size:38px; }.change-list { padding:5px 24px 18px; }.change-group { display:block; padding:24px 0; }.change-group h3 { margin-bottom:17px; }.change-content li { font-size:14px; }
}
@media (max-width:380px) { .release-summary { padding:25px; }.release-card-header { align-items:flex-start; }.latest-pill { margin-top:4px; } }