/* Keep dashboard figures on one line and make the metric marks slightly more compact on phones. */
#dashboard .day-metric {
  min-width: 0;
  gap: 10px;
}
#dashboard .dash-metric-copy {
  flex: 1 1 0;
  min-width: 0;
}
#dashboard .day-metric strong {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(19px, 4.5vw, 27px);
  letter-spacing: -0.35px;
}
@media (max-width: 520px) {
  #dashboard .day-metric {
    gap: 8px;
    padding: 10px;
    min-width: 0;
  }
  #dashboard .dash-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
  }
  #dashboard .dash-icon svg {
    width: 36px;
    height: 36px;
  }
  #dashboard .dash-metric-name {
    font-size: 12px;
    line-height: 1.15;
  }
  #dashboard .day-metric strong {
    font-size: clamp(17px, 4.1vw, 22px);
    letter-spacing: -0.45px;
    white-space: nowrap;
  }
}