/* Release notes use the existing SoulType palette and typography. */
.changelog-skip { position: fixed; top: -80px; left: 20px; z-index: 100; padding: 10px 18px; background: var(--card); }
.changelog-skip:focus { top: 10px; }
.changelog-page .nav-links { gap: clamp(14px, 2vw, 26px); }
.changelog-page .nav-links [aria-current="page"] { color: var(--coral-deep); }
.changelog-hero { padding-block: clamp(52px, 8vw, 96px) clamp(42px, 6vw, 72px); border-bottom: 1px solid var(--divider); }
.changelog-hero h1 { font-size: clamp(54px, 8vw, 90px); letter-spacing: -.045em; }
.changelog-hero p { margin: 24px 0 0; font-size: clamp(17px, 2vw, 20px); color: var(--text-2); }
.release-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: clamp(36px, 6vw, 88px); padding-block: 64px 88px; scroll-margin-top: 90px; }
.release-index { position: sticky; top: 100px; align-self: start; }
.release-index > p { margin: 0 0 18px; font-size: 13px; font-weight: 700; color: var(--text-2); }
.release-index a { display: flex; align-items: baseline; gap: 14px; padding: 11px 0; text-decoration: none; color: var(--text-2); font-size: 13px; }
.release-index a > span:first-child { color: var(--text); font-size: 20px; font-family: var(--serif); }
.release-index a:hover, .release-index a:hover > span { color: var(--coral-deep); }
.release-index .release-feedback { margin-top: 24px; border-top: 1px solid var(--divider); padding-top: 20px; color: var(--coral-deep); }
.release { position: relative; scroll-margin-top: 100px; }
.release + .release { margin-top: 60px; padding-top: 60px; border-top: 1px solid var(--divider); }
.release-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-bottom: 22px; }
.release-version { color: var(--coral-deep); font-family: var(--serif); font-size: 46px; line-height: 1; letter-spacing: -.04em; }
.release-meta time { color: var(--text-2); font-size: 13px; }
.release h2 { font-size: clamp(30px, 3.8vw, 42px); line-height: 1.12; letter-spacing: -.025em; }
.release-intro { color: var(--text-2); margin: 20px 0 30px; max-width: 53ch; }
.release-changes { list-style: none; padding: 0; margin: 0; }
.release-changes li { padding: 0 0 25px; }
.release-changes h3 { font-family: var(--sans); font-size: 16px; line-height: 1.5; letter-spacing: -.01em; font-weight: 750; }
.release-changes p { color: var(--text-2); font-size: 15px; line-height: 1.75; margin: 7px 0 0; max-width: 64ch; }
.release-note { border-left: 2px solid var(--divider); padding-left: 18px; font-size: 13px; color: var(--text-2); margin: 4px 0 22px; }
.release-permalink { font-size: 12px; text-underline-offset: 4px; }
.changelog-download { padding-block: 48px 60px; border-top: 1px solid var(--divider); background: var(--paper-warm); }
.changelog-download h2 { font-size: clamp(32px, 4vw, 42px); }
.changelog-download p { color: var(--text-2); margin: 14px 0 24px; }
@media (max-width: 760px) {
  .release-layout { grid-template-columns: minmax(0, 1fr); gap: 38px; padding-block: 28px 56px; }
  .release-index { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 0 24px; border-bottom: 1px solid var(--divider); padding-bottom: 20px; }
  .release-index > p { width: 100%; margin-bottom: 6px; }
  .release-index a { gap: 8px; }
  .release-index .release-feedback { margin: 0; padding: 10px 0; border: 0; }
  .release + .release { margin-top: 44px; padding-top: 44px; }
  .release h2 br { display: none; }
}