.changelog-item{border:1px solid var(--color-gray);border-radius:var(--radius-card);background:var(--color-white);grid-template-columns:200px 1fr;gap:24px;padding:24px;display:grid}.changelog-date{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.changelog-date time{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.changelog-category{text-transform:uppercase;letter-spacing:.5px;background:var(--color-gray-light);color:var(--color-text-secondary);border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:500}.category-feature{color:#1565c0;background:#e3f2fd}.category-bugfix{color:#c62828;background:#ffebee}.category-improvement{color:#2e7d32;background:#e8f5e8}.category-security{color:#ef6c00;background:#fff3e0}.category-performance{color:#7b1fa2;background:#f3e5f5}.category-design{color:#ad1457;background:#fce4ec}.category-documentation{color:#558b2f;background:#f1f8e9}.changelog-content{flex-direction:column;gap:16px;display:flex}.changelog-title{color:var(--color-black);font-size:1.5rem;font-weight:600;font-family:var(--font-heading);margin:0}.changelog-title:hover{text-decoration:underline}.changelog-image{border-radius:var(--radius-card);max-width:100%;overflow:hidden}.changelog-image img{width:100%}.changelog-body{color:var(--color-text-secondary);line-height:1.6}.changelog-body h1,.changelog-body h2,.changelog-body h3,.changelog-body h4,.changelog-body h5,.changelog-body h6{font-family:var(--font-heading);margin-top:1.5em;margin-bottom:.5em}.changelog-body p{margin-top:0;margin-bottom:1em}.changelog-body ol,.changelog-body ul{margin-bottom:1em;padding-left:1.5em}.changelog-body li{margin-bottom:.5em}.changelog-body code{background:var(--color-gray-light);border-radius:4px;padding:2px 6px;font-size:.9em}.changelog-body pre{background:var(--color-gray-light);border-radius:var(--radius-card);margin:1em 0;padding:16px;overflow-x:auto}@media only screen and (width<=768px){.changelog-item{grid-template-columns:1fr;gap:16px;padding:20px 16px}.changelog-date{flex-direction:row;justify-content:space-between;align-items:center}.changelog-title{font-size:1.25rem}}