.release-page { max-width: 680px; margin: 0 auto; padding: 28px 22px 12px; }
.release-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.release-heading h1 { font-size: 22px; margin: 0; }
.release-heading a { font-size: 13px; flex-shrink: 0; }
.release-timeline { list-style: none; margin: 0; padding: 0 0 0 18px; }
.release-entry { position: relative; border-left: 1px solid #d8dcda; padding: 0 0 32px 24px; overflow-wrap: anywhere; }
.release-entry:last-child { padding-bottom: 8px; }
.release-entry::before { content: ""; position: absolute; left: -5px; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: #929a96; }
.release-entry-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; }
.release-entry-heading h2 { font-size: 17px; font-weight: 600; margin: 0; }
.release-entry-heading time { color: #777e7a; font-size: 12px; }
.release-group { margin-top: 16px; }
.release-group h3 { margin: 0 0 6px; font-size: 13px; font-weight: 500; color: #737c77; }
.release-group ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.8; color: #4e5852; }
.release-group li { padding-left: 2px; margin-bottom: 3px; }
.release-more { display: block; margin: 24px auto 0; font-size: 13px; }
@media (max-width: 600px) {
  .release-page { padding: 24px 16px 12px; }
  .release-timeline { padding-left: 6px; }
  .release-entry { padding-left: 20px; }
}