/* =========================================================================
   PAGE NOS ACTIONS — styles scopés (réutilisent les tokens du design system)
   ====================================================================== */

/* ---- En-tête d'une rangée domaine : icône + sur-titre alignés ---- */
.domain-row__head {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  margin-bottom: var(--sp-4);
}
.domain-row__head .card__icon { margin-bottom: 0; }
.domain-row__index {
  font-family: var(--font-display);
  font-size: var(--fs-50);
  font-weight: 700;
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-faint);
}
.domain-row__title { margin-bottom: var(--sp-3); }

/* Petite badge thématique au-dessus de la photo */
.domain-row__media { position: relative; }
.domain-row__tag {
  position: absolute;
  top: var(--sp-4);
  left: var(--sp-4);
  z-index: 2;
}

/* Liste d'activités plus compacte que la check-list générique */
.domain-row .check-list { margin-top: var(--sp-5); }
.domain-row .check-list li { font-size: var(--fs-200); color: var(--color-text); }

/* ---- Carte d'objectif (num-list dans un panneau) ---- */
.objectives-panel { padding: clamp(1.6rem, 1.2rem + 2vw, 3rem); }
.objectives-grid { display: grid; gap: var(--sp-5) var(--sp-8); }
@media (min-width: 860px) { .objectives-grid { grid-template-columns: 1fr 1fr; } }
.objectives-grid .num-list__item {
  padding-bottom: var(--sp-4);
  border-bottom: 1px solid var(--color-border-soft);
}
.objectives-grid .num-list__item p { color: var(--color-text); font-size: var(--fs-200); }