/* Stats layout */
.stats-layout.frame > .frame-content.stats-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: calc(var(--frame) + var(--pad));
  gap: var(--size-8);
}

.stats-layout h1 {
  color: var(--color-blue-900);
  font-size: var(--text-xl);
  font-weight: var(--font-weight-semibold);
  text-align: center;
}

.stats-cards {
  display: flex;
  align-items: stretch;
}

.stat-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--size-6) var(--size-8);
  gap: var(--size-2);
}

.stat-card + .stat-card {
  border-left: 1px solid var(--color-gray-200);
}

.stat-value {
  font-size: var(--text-5xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-blue-900);
  line-height: var(--line-height-none);
  letter-spacing: var(--letter-spacing-tight);
}

.stat-label {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-neutral-800);
  line-height: var(--line-height-normal);
}

.stat-description {
  font-size: var(--text-xs);
  color: var(--color-neutral-500);
  line-height: var(--line-height-normal);
}