/**
 * Composant : encadrés éditoriaux (styles du bloc Groupe, inc/article.php)
 *   is-style-callout-key   « À retenir »      → sauge, filet vert
 *   is-style-callout-alert « Quand consulter » → ivoire, filet ambre
 * Le libellé est un paragraphe .lobst-callout__label (pas un titre :
 * il ne doit pas apparaître dans le sommaire).
 */
.is-style-callout-key,
.is-style-callout-alert {
  margin-block: 1.75em !important;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important;
  border-left: 4px solid;
  border-radius: 0 var(--wp--custom--radius--md) var(--wp--custom--radius--md) 0;
  font-size: var(--wp--preset--font-size--md);
  line-height: 1.65;
}

.is-style-callout-key {
  border-left-color: var(--wp--preset--color--primary);
  background: var(--wp--preset--color--surface-mint);
}

.is-style-callout-alert {
  border-left-color: var(--wp--preset--color--accent-gold);
  background: var(--wp--preset--color--surface-cream);
}

.is-style-callout-key > :last-child,
.is-style-callout-alert > :last-child {
  margin-bottom: 0 !important;
}

.lobst-callout__label {
  margin: 0 0 var(--wp--preset--spacing--20) !important;
  font-size: var(--wp--preset--font-size--xs) !important;
  font-weight: var(--wp--custom--font-weight--bold);
  letter-spacing: var(--wp--custom--letter-spacing--label);
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
}

/* Ambre trop clair pour du texte (3,5:1) : le libellé reste en encre sombre. */
.is-style-callout-alert .lobst-callout__label {
  color: var(--wp--preset--color--contrast);
}

.is-style-callout-key ul,
.is-style-callout-alert ul {
  margin: 0;
  padding-left: 1.2em;
}