/* The team's Activity page (studio/timeline.js): one feed across every studio, by day. Tokens and parts from
   studio/ds.css only (DESIGN.md). */
.tl-feed{display:flex;flex-direction:column;gap:var(--sp-6);margin-top:var(--sp-5)}
.tl-dh{position:sticky;top:0;z-index:1;margin:0 0 var(--sp-2);padding:var(--sp-2) 0;font-size:var(--fs-2xs);font-family:var(--wide);font-stretch:115%;font-weight:var(--fw-strong);text-transform:uppercase;letter-spacing:.16em;color:var(--c-mute);background:var(--c-bg)}
.tl-list{list-style:none;margin:0;padding:0;position:relative}
.tl-list::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--c-border)}
.tl-row{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3)}
.tl-ic{position:relative;z-index:1;flex:none;width:40px;height:40px;margin-top:6px;border-radius:50%;display:grid;place-items:center;background:var(--c-surface);color:var(--c-accent);box-shadow:inset 0 0 0 1.5px var(--c-border-2),0 0 0 4px var(--c-bg)}
.tl-ic svg{width:18px;height:18px}
.tl-row.t-ok .tl-ic{background:var(--c-mark);color:var(--c-strong);box-shadow:0 0 0 4px var(--c-bg)}
.tl-row.t-bad .tl-ic{background:var(--c-bad-soft);color:var(--c-bad);box-shadow:inset 0 0 0 1.5px var(--c-bad),0 0 0 4px var(--c-bg)}
.tl-row.t-accent .tl-ic{background:var(--c-accent);color:var(--c-on-dark);box-shadow:0 0 0 4px var(--c-bg)}
.tl-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin:2px 0;border:0;border-radius:var(--r-lg);background:none;font:inherit;color:inherit;text-align:left}
button.tl-main{cursor:pointer}
button.tl-main:hover{background:var(--c-surface)}
button.tl-main:focus-visible{outline:none;box-shadow:var(--ring)}
.tl-main>svg{flex:none;width:16px;height:16px;color:var(--c-mute)}
.tl-main b{display:block;color:var(--c-strong);font-weight:var(--fw-strong);line-height:1.35;overflow-wrap:anywhere}
.tl-line{display:block;margin-top:2px;font-size:var(--fs-sm);color:var(--c-text-2);overflow-wrap:anywhere}
.tl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--sp-3);margin-top:4px;font-size:var(--fs-xs);color:var(--c-mute)}
.tl-st{font-weight:var(--fw-strong);color:var(--c-text-2)}
.tl-new{padding:1px 8px;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-on-dark);font-weight:var(--fw-strong);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase}
.tl-row.new .tl-main{background:var(--c-accent-soft)}
@media (max-width:540px){.tl-list::before{left:15px}.tl-ic{width:32px;height:32px}.tl-main{padding:var(--sp-2) var(--sp-3)}}