/* ============================================================
   STATS BAR & PROBLEM BAR
   ============================================================ */

/* ── Gradient Stats Bar ── */
.stats-bar {
  background: linear-gradient(
    135deg,
    var(--sky-dd)    0%,
    var(--sky-d)    25%,
    var(--sky)      55%,
    var(--green-400) 100%
  );
  padding: 4rem 0;
}

.stats-gr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  text-align: center;
}

.stat-n {
  font-family: var(--fd);
  font-size: 2.8rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

.stat-t {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.5rem;
  font-weight: 600;
}

/* ── Problem Comparison Bar ── */
.prob {
  background: linear-gradient(
    90deg,
    var(--orange-50) 0%,
    var(--bgw)       50%,
    var(--orange-50) 100%
  );
  border-top: 2px solid rgba(212, 113, 10, 0.15);
  border-bottom: 2px solid rgba(212, 113, 10, 0.15);
  padding: 3.5rem 0;
}

.prob-gr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  text-align: center;
}

.prob-n {
  font-family: var(--fh);
  font-size: 3rem;
  color: var(--orange);
  line-height: 1;
}

.prob-l {
  font-size: 0.88rem;
  color: var(--tm);
  margin-top: 0.5rem;
  font-weight: 600;
}