/* Release history and its two summaries share the existing dark site palette. */
.release-notice, .release-summary, .changelog-main { position: relative; color: #f3f4f6; }
.release-notice { max-width: 1032px; margin: 0 auto 28px; padding: 16px 22px; display: flex; align-items: baseline; gap: 18px; border-block: 1px solid #2d3b52; background: #131c2d; font-size: 14px; }
.release-notice p { margin: 0; flex: 1; color: #cbd5e1; }
.release-notice time { color: #a4b2c8; white-space: nowrap; }
.release-notice a, .release-summary a, .changelog-main a { color: #93c5fd; text-underline-offset: 4px; }
.release-notice a { white-space: nowrap; }
.release-notice a:hover, .release-summary a:hover, .changelog-main a:hover { color: #bfdbfe; text-decoration: underline; }
.release-summary { box-sizing: border-box; max-width: 840px; margin: 44px auto; padding: 28px 32px; border: 1px solid #2d3b52; border-radius: 16px; background: #131c2d; line-height: 1.8; }
.release-summary h2 { margin: 0 0 6px; color: #f3f4f6; font-size: 24px; font-weight: 700; }
.release-summary .release-meta { margin: 0 0 16px; color: #a4b2c8; font-size: 14px; }
.release-summary ul { margin: 0 0 18px; padding-left: 1.4em; list-style: disc; color: #cbd5e1; }
.release-summary li + li { margin-top: 8px; }
.release-summary > a { display: inline-block; padding-block: 6px; }
.changelog-main { max-width: 1032px; margin: 0 auto; padding: 40px 24px 72px; }
.changelog-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #a4b2c8; font-size: 14px; margin-bottom: 34px; }
.changelog-intro { max-width: 700px; margin-bottom: 46px; }
.changelog-intro h1 { margin: 0 0 12px; font-size: clamp(32px, 5vw, 44px); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.changelog-intro p { color: #a4b2c8; }
.release-entry { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 36px; padding-top: 32px; border-top: 1px solid #2d3b52; scroll-margin-top: 100px; }
.release-entry + .release-entry { margin-top: 52px; }
.release-date time { font-size: 17px; color: #cbd5e1; }
.release-date span { display: block; width: fit-content; margin-top: 12px; padding: 3px 10px; border-radius: 5px; background: #233554; color: #bfdbfe; font-size: 13px; }
.release-body { min-width: 0; max-width: 720px; }
.release-body h2 { margin: 0 0 10px; font-size: 27px; line-height: 1.4; font-weight: 700; }
.release-lead { color: #cbd5e1; margin: 0 0 30px; }
.release-detail + .release-detail { margin-top: 30px; }
.release-detail h3 { font-size: 18px; font-weight: 600; margin: 0 0 8px; color: #e2e8f0; }
.release-detail p { margin: 0; color: #b3c0d2; line-height: 1.9; }
.release-links { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 6px; margin-top: 10px; }
.release-links a { display: inline-block; padding-block: 5px; font-size: 14px; }
.changelog-page .header-container { flex-wrap: wrap; height: auto; min-height: 76px; padding-block: 10px; }
.changelog-page .main-nav { flex-wrap: wrap; }
.release-notice a:focus-visible, .release-summary a:focus-visible, .changelog-page a:focus-visible { outline: 2px solid #93c5fd; outline-offset: 4px; }
.changelog-skip { position: fixed; top: 8px; left: 12px; z-index: 200; padding: 10px 16px; background: #1d4ed8; color: #fff; transform: translateY(-160%); border-radius: 6px; }
.changelog-skip:focus { transform: translateY(0); }
@media (max-width: 1080px) { .release-notice { margin-inline: 24px; } }
@media (max-width: 900px) { .release-summary { margin-inline: 24px; } }
@media (max-width: 600px) {
  .release-notice { margin-inline: 16px; padding: 16px; flex-wrap: wrap; gap: 8px 14px; }
  .release-notice p { flex-basis: 100%; order: -1; }
  .release-summary { margin: 32px 16px; padding: 22px 20px; }
  .release-summary h2 { font-size: 22px; }
  .changelog-main { padding: 28px 20px 48px; }
  .changelog-breadcrumb { margin-bottom: 26px; }
  .changelog-intro { margin-bottom: 30px; }
  .release-entry { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 24px; }
  .release-date { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
  .release-date span { margin: 0; }
  .release-body h2 { font-size: 24px; }
  .release-links { column-gap: 18px; }
  .changelog-page .main-nav { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) { .changelog-page { scroll-behavior: auto; } .changelog-page *, .release-notice a, .release-summary a { transition: none; animation: none; } }