/* تخطيط الصفحة الرئيسية للدروس. */

.lessons-hero__content {
  max-width: 52rem;
  gap: var(--space-4);
}

.lessons-hero__content p {
  font-size: var(--font-size-lg);
}

.content-card--featured {
  max-width: 56rem;
  padding: var(--space-6);
  background: var(--color-surface-raised);
}

.content-card--featured h3 {
  font-size: var(--font-size-3xl);
}

.lesson-card {
  grid-template-rows: auto auto 1fr auto;
  height: 100%;
}

.lesson-card h3 {
  font-size: var(--font-size-xl);
}

.lesson-meta {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.lesson-meta > div {
  display: flex;
  gap: var(--space-2);
}

.lesson-meta dt {
  font-weight: 700;
}

.stage-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stage-list li {
  padding: var(--space-4);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface);
  text-align: center;
}

@media (max-width: 36rem) {
  .content-card--featured {
    padding: var(--space-5);
  }
}