.progress { position: relative; width: 100%; height: .5rem; border-radius: .5rem; overflow: hidden; }
.progress > span { position:absolute; inset:0 auto auto 0; height:100%; width:0; display:block; transition: width 800ms cubic-bezier(.22,1,.36,1); }
.kenburns { overflow:hidden; border-radius:1rem; }
.kenburns img { width:100%; height:100%; object-fit:cover; transform-origin:center; animation: ken 14s ease-in-out infinite; }
@keyframes ken { 0%{transform:scale(1)} 50%{transform:scale(1.07)} 100%{transform:scale(1)} }
.tag { display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .6rem; border-radius:.75rem; font-weight:600; font-size:.8rem }
.badge { font-size:.7rem; padding:.2rem .5rem; border-radius:.5rem; font-weight:700; }

/* Changelog badges */
.badge-add { background:#10b98120; color:#10b981; border:1px solid #10b98155; }
.badge-change { background:#3b82f620; color:#3b82f6; border:1px solid #3b82f655; }
.badge-fix { background:#f59e0b20; color:#f59e0b; border:1px solid #f59e0b55; }