/* Keep the public-site preview aligned with the real dashboard structure. */
.metric-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}

.metric-grid article { padding: 13px; }
.metric-grid strong { font-size: 24px; }
.metric-grid strong.green { color: #34d5a2; }
.metric-grid b.greenbar { background: #2bc89b; }
.dash-title em {
  max-width: 170px;
  text-align: right;
  letter-spacing: .02em;
}

@media (max-width: 680px) {
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-grid article:nth-child(n + 3) { display: none; }
  .dash-title em { font-size: 7px; }
}