.changelog-page { background: var(--color-background); }
.changelog-hero { border-bottom: 1px solid var(--color-border); background: radial-gradient(circle at 80% 18%, rgb(52 214 255 / .08), transparent 32rem), var(--color-background); }
.changelog-hero__inner { padding-block: clamp(5rem, 9vw, 8rem) clamp(3.5rem, 7vw, 6rem); }
.changelog-back { display: inline-block; margin-bottom: var(--space-8); color: var(--color-cyan); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); text-decoration: none; }
.changelog-back:hover, .changelog-entry__tool a:hover { color: var(--color-mint); }
.changelog-hero h1 { font-size: clamp(3rem, 7vw, 5.75rem); line-height: 1.08; letter-spacing: -.03em; }
.changelog-hero p { max-width: 63ch; margin-top: var(--space-6); color: var(--color-text-secondary); font-size: clamp(1.125rem, 1rem + .5vw, 1.4rem); line-height: 1.55; }
.changelog-updates { padding-block: clamp(var(--space-16), 8vw, var(--space-30)); }
.changelog-updates h2 { margin-bottom: var(--space-8); font-size: var(--text-3xl); }
.changelog-headings, .changelog-entry { display: grid; grid-template-columns: minmax(7.5rem, .7fr) minmax(10rem, 1fr) minmax(0, 2fr) minmax(0, 1.8fr); gap: var(--space-6); }
.changelog-headings { padding-block: 0 var(--space-4); color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); }
.changelog-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-border); }
.changelog-entry { max-width: none; padding-block: var(--space-8); border-bottom: 1px solid var(--color-border); line-height: 1.6; }
.changelog-entry__date { color: var(--color-text-secondary); font-variant-numeric: tabular-nums; }
.changelog-entry__tool a { color: var(--color-cyan); font-family: var(--font-display); font-weight: var(--font-weight-bold); text-decoration: none; }
.changelog-entry__change { color: var(--color-text); }
.changelog-entry__matters { color: var(--color-text-secondary); }
.changelog-entry__mobile-label { display: none; }
@media (max-width: 62rem) {
    .changelog-headings { display: none; }
    .changelog-entry { grid-template-columns: minmax(7.5rem, .7fr) minmax(0, 2fr); gap: var(--space-3) var(--space-6); }
    .changelog-entry__date { grid-row: span 3; }
    .changelog-entry__mobile-label { display: block; margin-bottom: var(--space-1); color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-semibold); }
}
@media (max-width: 36rem) {
    .changelog-hero__inner { padding-top: var(--space-16); }
    .changelog-entry { grid-template-columns: 1fr; gap: var(--space-3); padding-block: var(--space-6); }
    .changelog-entry__date { grid-row: auto; font-size: var(--text-sm); }
    .changelog-entry__matters { margin-top: var(--space-2); }
}