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