/* EA1REK-97: one compact summary surface, preserving existing metric content. */
#activityMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;gap:0;border:1px solid var(--color-border);border-top:3px solid var(--color-brand);background:var(--color-surface)}
#activityMetrics>div{width:auto;min-width:0;margin:0;padding:10px 16px}
#activityMetrics>div+div{border-left:1px solid var(--color-border)}
#activityMetrics .activity-metric{padding:0;margin:0;border:0;background:transparent;height:100%}
#activityMetrics .activity-metric dt{font-size:.75rem;line-height:1.35}
#activityMetrics .activity-metric dd{margin:5px 0;font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.15}
#activityMetrics .activity-metric small{display:block;margin-top:4px;font-size:.73rem;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:991px){
 #activityMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #activityMetrics>div{padding:8px 12px}
 #activityMetrics>div:nth-child(3){border-left:0}
 #activityMetrics>div:nth-child(n+3){border-top:1px solid var(--color-border)}
}
@media(max-width:575px){
 #activityMetrics>div{padding:8px 10px}
 #activityMetrics .activity-metric dt{font-size:.7rem}
 #activityMetrics .activity-metric dd{font-size:1.4rem}
 #activityMetrics .activity-metric small{font-size:.7rem}
}

.activity-secondary-value{font-weight:600;color:inherit}