/* Cartes des pages d'accompagnement — espacement identique à la maquette Figma. */
section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .user-items-list-item-container {
  gap: 8px !important;
  row-gap: 8px !important;
}

/* Retire uniquement le petit espace résiduel sous les grilles de cartes. */
section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .user-items-list {
  padding-bottom: 0 !important;
}

/* Grille des 4 cas d'usage : respiration visible comme dans la maquette. */
section:is(
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .user-items-list-item-container {
  column-gap: 40px !important;
  row-gap: 16px !important;
}

/* Les étapes de conseil respirent davantage entre chaque rectangle. */
section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82f2665a33a37f01437de"]
)
  .user-items-list-item-container {
  row-gap: 16px !important;
}

section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .list-item {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 20px !important;
  background: rgba(208, 221, 215, 0.55) !important;
  border: 0 !important;
  border-radius: 16px !important;
}

section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .list-item-content__title {
  color: #3e6254 !important;
}

section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .list-item-content__description,
section:is(
  [data-section-id="68c819b22880fa486f030e22"],
  [data-section-id="68c81eb01c836e5ea48bf142"],
  [data-section-id="68c82aa50f1df070e62e88b5"],
  [data-section-id="68c82bf575d30948d7ee5dd3"],
  [data-section-id="68c82f2665a33a37f01437de"],
  [data-section-id="68c82f3110e173567eadafd8"]
)
  .list-item-content__description p {
  color: #2c301e !important;
}

/* Carte tarifs : icônes et espacement du composant Figma Cards - Tarifs. */
section[data-section-id="68b02c28c96c7f219a6c48ff"] .niveau-title {
  transform: none;
  gap: 8px;
}

section[data-section-id="68b02c28c96c7f219a6c48ff"] .niveau-badge {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 6px;
  font-size: 14px;
}