.distribution-metric {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 24px;
  align-items: end;
  margin-top: 22px;
  padding: 24px 28px;
  border: 1px solid rgba(203, 255, 0, 0.38);
  background: linear-gradient(135deg, rgba(203, 255, 0, 0.13), rgba(255, 255, 255, 0.04));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.distribution-metric strong {
  color: var(--lime);
  font-size: clamp(48px, 6vw, 92px);
  line-height: 0.9;
}

.distribution-metric span {
  max-width: 760px;
  color: var(--text);
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 750;
  line-height: 1.15;
}

@media (max-width: 900px) {
  .distribution-metric {
    grid-template-columns: 1fr;
  }
}