/*
Theme Name:   Voxel (child theme)
Theme URI:    https://getvoxel.io/
Author:       27collective
Author URI:   https://27collective.net/
Template:     voxel
Version:      1.0
Text Domain:  voxel-child
*/



/* 2. Base card styling: less padding, tighter layout */
.score-card {
  padding: clamp(0.7rem, 0.35rem + 0.5vw, 0.9rem);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 3. Label text (small text on top) */
.score-card .score-label {
  font-size: clamp(0.7rem, 0.6rem + 0.4vw, 0.9rem);
  line-height: 1.1;
  margin-bottom: 0.15rem;
}

/* 3.3. Label text (small text on top) */
.info-card .score-label {
  font-size: clamp(0.5rem, 0.5rem + 0.4vw, 0.7rem);
  line-height: 1;
  margin-bottom: 0.10rem;
}

/* 4. Value text (big number/text) */
.score-card .score-value {
  font-size: clamp(1.1rem, 0.9rem + 0.9vw, 1.6rem);
  line-height: 1.1;
}

/* 4.5. Value text (smaller number) */
.score-card .sm-score-value {
  font-size: clamp(1rem, 0.8rem + 0.8vw, 1.4rem);
  line-height: 1;
}

/* 5. Tighten things further on narrow phones */
@media (max-width: 480px) {
  .score-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .score-card {
    padding: 0.4rem;
  }
}