/* Aktivitas contoh: kedua kolom bergerak serentak ke kanan */
.activity-panel{margin-top:12px;padding:12px;min-width:0;overflow:hidden}
.activity-panel h3{margin:0 0 8px;font-size:14px;font-style:normal;color:#ffce43;border-bottom:1px solid #8e1b1b;padding-bottom:9px}
.activity-disclaimer{margin:0 0 10px;font-size:10px;color:#d8bcbc;line-height:1.4}
.activity-viewport{width:100%;overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.activity-track{display:flex;width:max-content;animation:activity-move-right 42s linear infinite;will-change:transform}
.activity-group{display:flex;flex:none;gap:8px;padding-right:8px}
.activity-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;box-sizing:border-box;flex:none;width:132px;min-height:62px;border:1px solid #ff4b4b;background:linear-gradient(180deg,#e32626,#a60000);box-shadow:inset 0 1px 0 #ff6666;border-radius:7px;padding:9px 10px;font-size:12px}
.activity-person{color:#fff;white-space:nowrap;font-weight:700}
.activity-item strong{color:#fff3bd;font-size:12px;white-space:nowrap}
@keyframes activity-move-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.right-col .activity-panel{margin-top:0}
@media(max-width:1100px){.right-col{display:none}}
@media(max-width:768px){.activity-panel{display:none}}
@media(prefers-reduced-motion:reduce){.activity-track{animation:none;transform:none}.activity-viewport{overflow-x:auto;mask-image:none}}