.release-notes-page { max-width:1440px; padding-block:clamp(36px,5vw,72px) 56px }
.notes-intro { max-width:700px; margin-bottom:48px }
.notes-intro .eyebrow { color:var(--purple); margin-bottom:14px }
.notes-intro h1 { font-size:clamp(2.25rem,4.5vw,4rem); line-height:1.1; letter-spacing:-.025em; margin:0 0 22px }
.notes-intro>p:not(.eyebrow) { color:var(--muted); max-width:56ch; font-size:1.125rem; line-height:1.7 }
.notes-jump { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px }
.notes-jump a { display:inline-flex; align-items:center; gap:32px; min-height:48px; padding:8px 20px; border:1px solid var(--line); border-radius:9px; background:var(--surface); text-decoration:none; font-weight:600 }
.notes-jump a:hover { border-color:var(--purple); color:var(--purple) }
.notes-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,56px) }
.notes-platform { min-width:0; scroll-margin-top:160px }
.notes-platform-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:20px }
.notes-platform-header h2 { margin:0; font-size:1.75rem }
.notes-platform-header>a { color:var(--purple); font-size:.9375rem; min-height:44px; display:inline-flex; align-items:center }
.release-entry { padding:clamp(20px,2.5vw,32px); background:var(--surface); border:1px solid var(--line); border-radius:14px; margin-bottom:20px; scroll-margin-top:160px }
.notes-platform>.release-entry { background:linear-gradient(135deg,#30243f,var(--surface)) }
.notes-history { border:0 }
.notes-history>summary { padding:16px 20px; margin-bottom:20px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--purple); font-size:1rem }
.notes-history>summary:hover { border-color:var(--purple) }
.release-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:8px }
.release-heading h3 { font-size:1.5rem; line-height:1.2; margin:0 }
.release-heading h3 a { text-decoration:none }
.release-heading h3 a:hover { color:var(--purple) }
.release-current { padding:3px 10px; border:1px solid #75608d; border-radius:20px; font-size:.8125rem; color:var(--purple-dark) }
.release-entry time { display:block; color:var(--muted); font-size:.875rem; margin-bottom:20px }
.release-entry ul { padding-left:20px; margin:0 }
.release-entry li { padding-left:4px; color:var(--muted); font-size:1rem; line-height:1.7; margin-bottom:12px; overflow-wrap:anywhere }
.release-entry li:last-child { margin-bottom:0 }
.release-entry li::marker { color:var(--purple) }
.notes-help { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:1px solid var(--line); margin-top:28px; padding-top:24px; color:var(--muted) }
.notes-help p { margin:0 }
.notes-help>a { color:var(--purple) }
@media (max-width:760px) {
  .notes-platforms { grid-template-columns:minmax(0,1fr) }
  .notes-intro { margin-bottom:32px }
  .notes-platform,.release-entry { scroll-margin-top:220px }
}