/* ================================================================ */
/* F) BLOC COMMUNAUTÉ
 / ** Style pour le bloc "Partagez vos astuces"
 /* Placé après la signature de fin (hors .article)
  /** ================================================================ */

  .bloc-communaute {
      /* * Définition des variables requises pour ce composant.
       * Celles-ci servent de fallback si elles ne sont pas définies globalement,
       * ou peuvent être surchargées par le thème de la page.
       */
      --maxch: 72ch;
      --paper: #ffffff;
      --stroke: #e2e8f0; /* valeur de gris clair standard */
      --radius: 16px;
      --ink: #333333; /* Couleur de texte standard */

      /* Couleur orange spécifiée pour le liseré */
      --brand: #FF6233;

      /* Alignement sur le contenu (comme .chronique-signature-section) */
      max-width: var(--maxch);
      margin: 2.5rem auto 0;
      padding: 1.5rem;

      /* Apparence "boîte" cohérente */
      background: var(--paper);
      border: 1px solid var(--stroke);
      border-radius: var(--radius); /* 16px */

      /* Mise en avant "CTA" avec la couleur --brand */
      border-top: 5px solid var(--brand);
  }

  .bloc-communaute h4 {
      /* Style du titre H4 (similaire à .encadre) */
      margin-top: 0;
      margin-bottom: 1rem;
      font-weight: 700;
      font-size: 1.3rem; /* Légèrement plus grand */
      color: var(--brand); /* Reprend la couleur du thème */
      line-height: 1.3;
  }

  .bloc-communaute p {
      margin-bottom: 1rem;
      font-size: 0.95rem;
      line-height: 1.6;
      color: var(--ink);
  }

  .bloc-communaute p:last-child {
      margin-bottom: 0;
  }

  /* Gestion des liens de contact */
  .bloc-communaute .contact-links {
      margin-top: 1rem;
  }

  .bloc-communaute .contact-links p {
      margin: 0.5rem 0;
      font-size: 0.95rem;
  }

  .bloc-communaute .contact-links a {
      font-weight: 700; /* Liens en gras comme dans le texte */
  }