.updates-page { max-width: 960px; width: min(calc(100% - 80px), 960px); }
.updates-page > h1 { margin-bottom: 56px; }
.release { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 48px; padding: 48px 0; border-top: 1px solid #29292e; scroll-margin-top: 32px; }
.release:last-child { padding-bottom: 0; }
.release-heading { align-self: start; }
.updates-page .release h2 { margin: 0 0 10px; font-size: 26px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.release time { display: block; color: #92929b; font-size: 13px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.release ul { display: grid; gap: 14px; margin: 0; padding-left: 19px; color: #b5b5bf; font-size: 16px; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.release li { padding-left: 3px; font-size: inherit; font-weight: 400; line-height: inherit; }
.release li::marker { color: #73737e; font-size: .75em; }
.release code { padding: 1px 5px; border-radius: 3px; background: #ffffff09; color: #d5d5dd; font-family: inherit; }
@media (max-width: 680px) {
  .updates-page { width: calc(100% - 40px); }
  .updates-page > h1 { margin-bottom: 36px; }
  .release { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 32px 0; }
  .release-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
  .updates-page .release h2 { margin: 0; font-size: 24px; }
  .release time { font-size: 12px; }
  .release ul { font-size: 15px; line-height: 1.85; }
  .release ul { gap: 12px; }
}