.changelog-hero { min-height: auto; border-bottom: 1px solid var(--card-border); }
.changelog-hero h1 { max-width: 100%; margin-bottom: var(--sp-05); }
.changelog-section { border-top: 1px solid var(--card-border); }
.changelog-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--sp-05); margin-bottom: var(--sp-06); }
.changelog-source { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .04em; color: var(--graphene); white-space: nowrap; }
.changelog-list { display: grid; gap: var(--sp-05); }
.changelog-entry { padding: var(--sp-06); }
.changelog-entry:hover { transform: none; }
.changelog-entry-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-04); margin-bottom: var(--sp-05); }
.changelog-entry-date { font-family: 'DM Mono', monospace; font-size: 12px; color: var(--muted); white-space: nowrap; }
.changelog-entry-summary { color: var(--muted); margin-top: var(--sp-02); }
.changelog-markdown { color: var(--text); }
.changelog-markdown h2, .changelog-markdown h3, .changelog-markdown h4 { margin: var(--sp-06) 0 var(--sp-03); }
.changelog-markdown h2:first-child, .changelog-markdown h3:first-child, .changelog-markdown h4:first-child { margin-top: 0; }
.changelog-markdown p, .changelog-markdown ul, .changelog-markdown ol, .changelog-markdown pre { margin: 0 0 var(--sp-04); }
.changelog-markdown ul, .changelog-markdown ol { padding-left: 1.4rem; color: var(--muted); }
.changelog-markdown a { color: var(--text); text-decoration: underline; text-decoration-color: var(--graphene); text-underline-offset: 3px; }
.changelog-markdown code { font-family: 'DM Mono', monospace; font-size: .92em; background: rgba(255,255,255,.08); padding: .08em .35em; border-radius: 4px; }
html.light .changelog-markdown code { background: rgba(0,0,0,.08); }
.changelog-markdown pre { overflow: auto; padding: var(--sp-04); background: #111213; color: #f1f1f1; border-radius: 8px; border: 1px solid var(--card-border); }
.changelog-error { color: #ff6b6b; }
@media (max-width: 700px) { .changelog-toolbar, .changelog-entry-head { align-items: flex-start; flex-direction: column; } .changelog-source { white-space: normal; } }