.release-log { max-width: 930px; margin: 0 auto; padding: 1rem 0 5rem; }
.release-intro { max-width: 780px; margin: 0 0 3rem; }
.release-intro h1 { margin: .8rem 0 0; font-size: clamp(2.8rem, 7vw, 4.8rem); line-height: 1; letter-spacing: -.05em; }
.release-intro p { max-width: 700px; margin: 1.25rem 0; color: rgb(255 255 255 / 64%); font-size: 1.05rem; line-height: 1.75; }
.release-latest { display: inline-flex; padding: .65rem .9rem; border: 1px solid rgb(255 41 66 / 25%); border-radius: 999px; background: rgb(255 41 66 / 8%); color: #ff8795; font-size: .85rem; font-weight: 650; }
.release-latest:hover, .release-latest:focus-visible, .release-package:hover, .release-package:focus-visible { color: #fff; }
.release-list { display: grid; gap: 1rem; }
.release-entry { scroll-margin-top: 1rem; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid rgb(255 255 255 / 10%); border-radius: 1.35rem; background: linear-gradient(135deg, rgb(255 255 255 / 3.5%), rgb(255 255 255 / 1.5%)); }
.release-entry > summary { display: flex; align-items: center; gap: .8rem; cursor: pointer; list-style: none; }
.release-entry > summary::-webkit-details-marker { display: none; }
.release-entry[open] > summary { padding-bottom: .9rem; border-bottom: 1px solid rgb(255 255 255 / 8%); }
.release-entry > summary .eyebrow { flex: 1; }
.release-entry h2 { margin: 0; font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.release-count { color: rgb(255 255 255 / 42%); font-size: .72rem; }
.release-package { display: inline-flex; margin-top: 1rem; color: #ff8795; font-size: .75rem; }
.release-entry ul { display: grid; gap: .7rem; margin: 1rem 0 0; padding-left: 1.25rem; color: rgb(255 255 255 / 68%); line-height: 1.7; }
.release-entry li { padding-left: .25rem; }
.release-entry li::marker { color: #ff6477; }
.release-entry code { padding: .08rem .3rem; border: 1px solid rgb(255 255 255 / 8%); border-radius: .3rem; background: rgb(0 0 0 / 30%); color: #fca5a5; font-size: .88em; }
@media (max-width: 680px) { .release-log { padding-top: .5rem; } .release-entry > summary { flex-wrap: wrap; } .release-entry > summary .eyebrow { flex-basis: calc(100% - 5rem); } }