.changelog { max-width: 1080px; padding-top: 72px; padding-bottom: 104px; min-height: 65vh; }
.changelog-header { margin-bottom: 64px; max-width: 70ch; }
.changelog-header h1 { font-size: clamp(2.5rem,6vw,4rem); line-height: 1.06; letter-spacing: -.03em; margin: 0 0 20px; }
.changelog-header p { font-size: 19px; line-height: 1.6; color: var(--ink-2,#485b55); }
.changelog-entry { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 40px; border-top: 1px solid var(--line,#d7ded9); padding: 36px 0 48px; }
.changelog-meta { font-size: 14px; line-height: 1.7; color: var(--ink-2,#485b55); }
.changelog-meta span { display: block; margin-top: 8px; }
.changelog-entry h2,.changelog-empty h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 20px; }
.changelog-entry p,.changelog-empty p { max-width: 70ch; font-size: 17px; line-height: 1.75; margin: 0 0 18px; overflow-wrap: anywhere; }
.changelog-entry h2 { overflow-wrap: anywhere; }
.changelog-empty { border-top: 1px solid var(--line,#d7ded9); padding-top: 36px; }
.changelog-empty a { display: inline-block; margin-top: 16px; text-underline-offset: 4px; }
.changelog-preview { border: 1px solid var(--line,#d7ded9); padding: 14px 18px; margin: 0 0 32px; }
@media(max-width:640px) { .changelog { padding-top: 40px; padding-bottom: 64px; } .changelog-header { margin-bottom: 40px; } .changelog-entry { grid-template-columns: 1fr; gap: 18px; padding: 28px 0; } .changelog-meta { display: flex; flex-wrap: wrap; gap: 16px; } .changelog-meta span { margin: 0; } .changelog-entry h2 { font-size: 24px; } }