/* Popular / Activity / Engagement bar — adapted from BD Materials v2.17.0, TGL tokens only. */
.tgl-activity{max-width:680px;margin:12px auto 18px;padding:9px 12px;border:1px solid var(--tgl-line);border-radius:var(--tgl-radius-sm);background:var(--tgl-card);color:var(--tgl-ink)}
.tgl-activity__metrics{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;row-gap:7px}
.tgl-activity__badge,.tgl-activity__metric{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0 14px;font-size:13px;line-height:1.35;white-space:nowrap}
.tgl-activity__badge{padding-left:0;color:var(--tgl-navy-dark);font-weight:700}
.tgl-activity__metric+.tgl-activity__metric,.tgl-activity__badge+.tgl-activity__metric{border-left:1px solid var(--tgl-line)}
.tgl-activity__icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;flex:0 0 1.2em;font-size:12px;line-height:1}
.tgl-activity__value{color:var(--tgl-ink);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.tgl-activity__label{color:var(--tgl-muted);font-weight:500}
@media(max-width:640px){.tgl-activity{margin:10px auto 16px;padding:8px 6px}.tgl-activity__metrics{row-gap:8px}.tgl-activity__badge,.tgl-activity__metric{padding:0 10px;font-size:12px}.tgl-activity__badge{padding-left:4px}.tgl-activity__value{font-size:14px}}