.hd-hms { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto; gap: 8px; align-items: center; }
.hd-hms span { color: var(--muted); font-weight: 600; }
.hd-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.hd-tag { display: inline-block; padding: 1px 7px; margin-left: 4px; border-radius: 999px; background: var(--surface-2); color: var(--brand); font-size: .74rem; font-weight: 700; }
.hd-muted { color: var(--muted); font-weight: 500; font-size: .78rem; }
.hd-cd .stat { text-align: center; }
.hd-cd .stat b { font-size: 2rem; font-variant-numeric: tabular-nums; }
@media (min-width: 560px) { .stat-grid.hd-cd { grid-template-columns: repeat(4, 1fr); } }