.changelog-main { padding-bottom: 100px; }
.changelog-intro { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding: 65px 0 54px; border-bottom: 1px solid var(--line); }
.changelog-intro h1 { margin: 21px 0; font-size: clamp(46px, 5vw, 66px); font-weight: 500; letter-spacing: -3px; line-height: 1.06; }
.changelog-intro h1 em { color: #628261; font-style: normal; }
.changelog-intro p { color: var(--muted); font-size: 16px; margin: 0; }
.source-link { border-bottom: 1px solid #a5b69d; padding-bottom: 9px; margin-bottom: 4px; font-size: 13px; white-space: nowrap; }
.source-link span { margin-left: 25px; }
.changelog-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 75px; padding-top: 48px; }
.release-sidebar { align-self: start; position: sticky; top: 30px; }
.release-sidebar .eyebrow { color: var(--muted); margin: 0 0 20px; }
.release-sidebar nav a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 12px; }
.release-sidebar nav a span:last-child { color: var(--muted); font-size: 10px; }
.release-sidebar nav a:first-of-type { color: var(--green); }
.release-sidebar nav a:hover span:first-child { text-decoration: underline; text-underline-offset: 4px; }
.history-note { margin: 34px 0 14px; color: var(--muted); font-size: 14px; }
.history-source { font-size: 11px; color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.release { scroll-margin-top: 30px; padding: 0 0 40px; margin-bottom: 42px; border-bottom: 1px solid var(--line); }
.release.unreleased { background: #eaf0e2; border: 1px solid #d7e0ce; border-radius: 8px; padding: 27px 30px; }
.release-heading { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-bottom: 26px; }
.release-heading h2 { font-size: 34px; font-weight: 500; letter-spacing: -1.3px; margin: 0 0 9px; }
.release.unreleased h2 { font-size: 26px; letter-spacing: -.8px; }
.release-date { color: var(--muted); font-family: var(--mono); font-size: 11px; }
.release-badge { font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: .8px; padding: 7px 10px; border-radius: 3px; background: var(--dark); color: var(--lime); margin-top: 6px; white-space: nowrap; }
.pending-badge { background: #dce8cf; color: #35523c; }
.release-body { font-size: 14px; line-height: 1.75; }
.release-body .category { display: inline-block; margin: 8px 0 0; font-family: var(--mono); font-size: 10px; line-height: 1.5; letter-spacing: .5px; padding: 4px 8px; border: 1px solid #d2ddca; border-radius: 3px; color: #3e6240; background: #edf2e7; }
.release-body .category-fixed { color: #785730; background: #f2ebdf; border-color: #e5d8c4; }
.release-body .category-security { color: #804431; background: #f7e9e0; border-color: #e7d1c6; }
.release-body .category-changed { color: #476071; background: #e9eef0; border-color: #d4dfe2; }
.release-body ul { padding-left: 18px; margin: 13px 0 22px; }
.release-body li { padding-left: 5px; margin-bottom: 13px; }
.release-body li::marker { color: #8c9c83; font-size: 11px; }
.release-body a { color: var(--green); text-decoration: underline; text-decoration-color: #aabf9c; text-underline-offset: 3px; overflow-wrap: anywhere; }
.release-body .commit-link { font-family: var(--mono); font-size: 11px; white-space: nowrap; }
.release-body code { font-family: var(--mono); font-size: .87em; background: #e5eadf; padding: 2px 4px; border-radius: 3px; overflow-wrap: anywhere; }
.release-body pre { overflow: auto; padding: 18px; background: var(--dark); color: #edf2e7; border-radius: 5px; }
.release-body pre code { padding: 0; background: none; }
.release-sources { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 12px; color: var(--muted); font-family: var(--mono); font-size: 11px; }
.release-sources summary { cursor: pointer; width: fit-content; }
.release-sources p { line-height: 2; }
.release-compare { display: inline-block; font-size: 11px; color: var(--green); margin-top: 18px; }
.release-compare:hover { text-decoration: underline; text-underline-offset: 4px; }
.release-compare span { margin-left: 10px; }
.header nav a[aria-current="page"] { color: var(--green); text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 1100px) { .changelog-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 40px; } }
@media (max-width: 800px) { .changelog-intro { padding-top: 45px; } .changelog-layout { grid-template-columns: 1fr; gap: 30px; padding-top: 25px; } .release-sidebar { position: static; } .release-sidebar nav { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 9px; } .release-sidebar nav a { flex: none; padding: 8px 0; } .release-sidebar nav a span:last-child, .release-sidebar .eyebrow, .history-note, .history-source { display: none; } }
@media (max-width: 480px) { .changelog-intro { display: block; padding: 34px 0 30px; } .changelog-intro h1 { font-size: 46px; letter-spacing: -2.5px; } .changelog-intro p { font-size: 13px; } .source-link { display: inline-block; margin-top: 24px; font-size: 12px; } .release.unreleased { padding: 22px 18px; } .release-heading h2 { font-size: 29px; } .release.unreleased h2 { font-size: 23px; } .release-badge { font-size: 8px; padding: 6px 7px; } .release-body { font-size: 13px; } .release-heading { margin-bottom: 20px; } }
.release-sidebar, .release-feed { min-width: 0; }
.pending-changes summary { cursor: pointer; color: var(--green); font-size: 13px; width: fit-content; }
.pending-changes[open] summary { margin-bottom: 20px; }
.changelog-main + .footer nav { display: flex; flex-wrap: wrap; gap: 22px; font-size: 11px; }
@media (max-width: 800px) { .changelog-layout { grid-template-columns: minmax(0, 1fr); } }