/* ═══════════════════════════════════════════════════════════
   هشت — سکشن ۰۷: فعالیت‌ها و شاخص‌های اثرگذاری
   چهار کارت هم‌خانواده + نوار آمار
   ═══════════════════════════════════════════════════════════ */

.activities__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.1rem;
  margin-bottom: clamp(3rem, 7vw, 5rem);
}

.activity-card {
  position: relative;
  padding: clamp(1.6rem, 3vw, 2.1rem);
  padding-inline-start: calc(clamp(1.6rem, 3vw, 2.1rem) + 0.65rem);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  color: var(--text);
  box-shadow: 0 0 1.25rem color-mix(in srgb, var(--shadow-drop) 28%, transparent);
  transition:
    border-color var(--dur) var(--ease-out),
    transform var(--dur) var(--ease-out),
    background-color var(--theme-dur) var(--ease-out),
    color var(--theme-dur) var(--ease-out);
}

.activity-card:hover {
  transform: translateY(-5px);
  border-color: var(--line-strong);
  box-shadow: 0 0 1.8rem color-mix(in srgb, var(--shadow-drop) 40%, transparent);
}

/* نوار رنگی مرحلهٔ مسیر — کدگذاری یکسان با سکشن مسیر رشد */
.activity-card__tick {
  position: absolute;
  top: 1.6rem;
  bottom: 1.6rem;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 3px;
}

.activity-card__tick--spark  { color: var(--c-spark);  background: currentColor; }
.activity-card__tick--growth { color: var(--c-growth); background: currentColor; }
.activity-card__tick--gold   { color: var(--c-gold);   background: currentColor; }

.activity-card h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.55rem;
}

.activity-card p {
  font-size: 0.92rem;
  color: var(--text-dim);
}

/* ── نوار آمار ── */
.activities__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.2rem;
  padding: clamp(1.75rem, 3.5vw, 2.5rem) 1rem;
  background: var(--bg-card);
  transition: background-color var(--theme-dur) var(--ease-out);
}

.stat__value {
  display: inline-flex;
  align-items: baseline;
  gap: 0.15rem;
  font-size: clamp(2.1rem, 4.5vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--c-gold);
}

.stat__value i {
  font-style: normal;
  font-size: 0.55em;
  color: var(--c-spark);
}

.stat__label {
  font-size: var(--fs-caption);
  font-weight: 500;
  color: var(--text-dim);
}


/* R330 — activity/stat dedicated icons and dense 15-card impact grid. */
.activity-card__icon,.stat__icon{display:grid;place-items:center;color:currentColor}
.activity-card__icon{width:2.7rem;height:2.7rem;margin-bottom:.9rem;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:.9rem;background:color-mix(in srgb,currentColor 8%,transparent)}
.activity-card__icon svg,.stat__icon svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.activity-card__icon--spark{color:var(--c-spark)}.activity-card__icon--growth{color:var(--c-growth)}.activity-card__icon--gold{color:var(--c-gold)}
.activities__stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.65rem,1.25vw,1.05rem)}
.activities__stats .stat{position:relative;min-height:10rem;padding:1.15rem .9rem .95rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.stat__icon{width:2.15rem;height:2.15rem;margin-bottom:.55rem;color:var(--c-gold)}
.stat__icon svg{width:1.35rem;height:1.35rem}
@media(max-width:1180px){.activities__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.activities__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.activity-card__icon--learning{color:var(--c-growth,#16b583)}
.activity-card__icon--project{color:var(--c-spark,#f0563d)}
.activity-card__icon--career{color:var(--c-gold,#f0b429)}