/* Source: public/article.php */
/* Mise en forme article + images responsives + centrage */
  .article { max-width: 980px; margin: 24px auto; padding: 0 16px; }
  .article-title { font-size: clamp(1.6rem, 2.2vw, 2.2rem); margin: 0 0 12px; line-height: 1.25; }
  .article-meta { color: #6b7280; font-size: .95rem; margin-bottom: 12px; }

  .article-cover img {
    display: block;
    margin: 1rem auto;
    max-width: min(900px, 100%);
    height: auto;
    object-fit: contain;
    border-radius: 6px;
  }
  .article .article-content { line-height: 1.65; }
  .article .article-content h2,
  .article .article-content h3,
  .article .article-content h4 { margin: 1.2rem 0 .6rem; }
  .article .article-content p { margin: .6rem 0; }
  .article .article-content ul,
  .article .article-content ol { padding-left: 1.25rem; }

  /* Aides de centrage / alignements (compatibles Quill/éditeurs) */
  .article .article-content .text-center,
  .article .article-content center,
  .article .article-content .ql-align-center { text-align: center; }
  .article .article-content .ql-align-right { text-align: right; }
  .article .article-content .ql-align-justify { text-align: justify; }
  .article .article-content .ql-align-left { text-align: left; }

  /* Images dans le contenu */
  .article .article-content img {
    display: block;
    margin: 0.8rem auto;
    max-width: 100%;
    height: auto;
  }
  figure { margin: 1rem 0; }
  figure img { margin: 0.4rem auto; }
  figcaption { color:#6b7280; font-size:.9rem; text-align:center; }