.text-blue {
      color: hsl(210, 100%, 50%);
    }

    .text-red {
      color: hsl(345, 100%, 50%);
    }

    .image-container {
      display: flex;
      justify-content: center; /* centre horizontalement */
      align-items: center;     /* centre verticalement */
      /* si tu veux une hauteur fixe : height: 300px; */
    }
    .lesson-content p {
      margin-bottom: 1rem;
      line-height: 1.5;
    }

    .lesson-content a {
      color: inherit; /* Très important : le lien hérite la couleur du texte parent */
      text-decoration: none;
    }
    .lesson-content a:hover {
      text-decoration: underline;
    }

    /* Application spécifique */
    .italic-red {
      font-style: italic;
    }

    /* Si besoin de gras en plus */
    .highlight-phone {
      font-weight: bold;
    }

    /* Diviseur */
    .divider {
      border: none;
      height: 1px;
      background-color: hsl(210, 100%, 50%);
      margin: 2rem 0;
    }

    /* Images */
    .lesson-image {
      max-width: 100%;
      height: auto;
      display: block;
      margin-bottom: 1rem;
    }
    .bold {
      font-weight: bold;
    }
    .turkish-quote {
     /* background: rgba(255, 255, 255, 0.05); */
      padding: 1rem;
      border-radius: 0.5rem;
      font-style: italic;
      white-space: pre-wrap;
    }