.changelog-page{display:flex;flex-direction:column;flex:1}.changelog-container{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4);position:relative;&:before{content:"";position:absolute;left:calc(var(--space-4) + 4px);top:calc(var(--space-8) + 5px);bottom:0;width:1px;background:var(--gray-a5)}}.changelog-section{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8);position:relative}.changelog-section-date{position:sticky;top:100px;align-self:start;display:flex;align-items:center;gap:var(--space-3);height:fit-content;z-index:1}.changelog-date-dot{width:10px;height:10px;border-radius:50%;background:var(--gray-8);flex-shrink:0;position:relative;z-index:2;.changelog-section:first-child &{background:var(--grass-9);box-shadow:0 0 0 3px var(--grass-a4)}}.changelog-date-text{font-size:var(--font-size-2);color:var(--gray-11);white-space:nowrap;font-weight:500}.changelog-section-content{display:flex;flex-direction:column;gap:var(--space-7);padding-bottom:var(--space-9)}.changelog-entry{gap:var(--space-4)}.changelog-entry-title{color:var(--charcoal);font-weight:600}.changelog-entry-description{color:var(--gray-11);line-height:1.7;font-size:var(--font-size-2)}@media (max-width:768px){.changelog-container{&:before{display:none}}.changelog-section{grid-template-columns:1fr;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px dotted var(--gray-a5);&:last-child{border-bottom:none;padding-bottom:0}}.changelog-section-date{position:relative;top:0}.changelog-section-content{padding-bottom:0}}