/* Activity follows the Current Position card's measured height. */
.activity-ticker { box-sizing:border-box; height:var(--activity-card-height, 10rem); padding:1rem 1.5rem; }
.activity-display { height:100%; min-height:0; padding:0; display:grid; grid-template-rows:2.75rem auto minmax(0,1fr); align-content:start; align-items:center; gap:.2rem; }
.activity-site { max-width:calc(100% - 9rem); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.68rem; }
.activity-link { min-width:0; font-size:clamp(1.05rem,2.4vw,1.4rem); line-height:1.2; gap:.6rem; align-items:center; }
#activity-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.activity-post-marker { width:1.75rem; height:1.75rem; min-width:1.75rem; border-width:1px; font-size:.8rem; }
.activity-summary { margin:0; min-height:0; max-height:100%; align-self:start; font-size:.8rem; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.activity-controls { position:absolute; top:1rem; right:1.15rem; margin:0; gap:0; }
.activity-control { width:2.75rem; height:2.75rem; border:0; background:transparent; }
.activity-progress { position:absolute; inset:auto 0 0; height:3px; background:color-mix(in srgb, var(--activity-accent) 10%, transparent); }
.activity-progress span { display:block; width:100%; height:100%; background:var(--activity-accent); opacity:.55; transform:scaleX(0); transform-origin:left; }
@media(max-width:640px) { .activity-ticker { padding:1rem 1.25rem 4rem; } .activity-controls { right:.8rem; top:auto; bottom:.7rem; } .activity-site { max-width:100%; } #activity-title { -webkit-line-clamp:2; } .activity-display { gap:.65rem; grid-template-rows:auto auto minmax(0,1fr); align-content:start; } .activity-link { font-size:1.2rem; } .activity-summary { -webkit-line-clamp:5; font-size:.85rem; } }