.studio-site main > section.release-page { display: block; position: relative; height: auto; min-height: 0; padding-top: 76px; padding-bottom: 72px; text-align: left; overflow: visible; }
.studio-site .release-page .release-heading { position: static; height: auto; min-height: 0; width: auto; padding: 0; background: none; border: 0; text-align: left; }
.studio-site .release-page h1, .studio-site .release-page h2, .studio-site .release-page p, .studio-site .release-page li { text-align: left; }
.studio-site .release-page .release-toolbar { width: 100%; }
.release-heading { max-width: 730px; margin-bottom: 44px; }
.studio-site .release-heading h1 { font-size: clamp(44px, 5vw, 68px); line-height: 1.08; margin: 0 0 22px; }
.release-heading p { max-width: 620px; font-size: 16px; }
.release-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--studio-line); padding-bottom: 22px; }
.release-filters { display: flex; gap: 8px; }
.release-filters a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border: 1px solid transparent; border-radius: 4px; color: var(--text-muted); font-size: 14px; }
.release-filters a[aria-current] { background: #7461bb20; border-color: #7561b9; color: #ece6ff; }
.release-filters a:hover { background: #ffffff0a; color: #fff; }
.release-page-count { color: var(--text-muted); font-size: 12px; }
.release-day { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 44px; }
.studio-site .release-day h2 { font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.6; padding-top: 32px; margin: 0; color: #c9bddf; }
.release-notes { position: relative; border-left: 1px solid var(--studio-line); padding: 26px 0 26px 36px; border-bottom: 1px solid #ffffff0b; }
.release-notes::before { content: ''; position: absolute; top: 38px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: #a792de; box-shadow: 0 0 0 6px var(--studio-bg); }
.release-notes ul { margin: 0; padding-left: 18px; }
.release-notes li { padding: 5px 0 5px 6px; font-size: 15px; line-height: 1.75; color: #d5d0e2; overflow-wrap: anywhere; }
.release-notes li::marker { color: #817399; font-size: 10px; }
.release-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 42px; }
.release-page-numbers { display: flex; align-items: center; gap: 5px; }
.release-pagination a { min-width: 44px; min-height: 44px; padding: 10px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--studio-line); border-radius: 4px; font-size: 13px; }
.release-pagination a[aria-current] { background: #6550ac; border-color: #8770d1; color: #fff; }
.release-pagination a:hover { border-color: #a792de; }
.release-page-numbers>span { padding: 0 4px; }
.release-empty { padding: 40px 0; }
@media (max-width: 680px) {
  .studio-site main > section.release-page { padding-top: 40px; padding-bottom: 40px; }
  .release-heading { margin-bottom: 30px; }
  .release-toolbar { gap: 12px; flex-wrap: wrap; }
  .release-filters a { padding-inline: 16px; }
  .release-day { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .studio-site .release-day h2 { padding-top: 28px; }
  .release-notes { margin-top: 14px; padding: 0 0 24px 20px; }
  .release-notes::before { top: 14px; }
  .release-notes li { font-size: 14px; }
  .release-pagination { gap: 12px; }
  .release-page-numbers { order: -1; justify-content: center; flex-wrap: wrap; width: 100%; }
}