/* Article d'actualité — cahier §10.2, maquette Article.dc.html. Mobile first. */

/* M2 simplifié : titre sur fond teinte-verte, méta discrète */
.single-post .bandeau--plain { min-height: 0; }
.single-post .bandeau--plain .bandeau__inner { padding-block: 32px 40px; }
.single-post .bandeau--plain .bandeau__title { max-width: 820px; text-wrap: balance; overflow-wrap: break-word; }
.single-post .bandeau--plain .bandeau__subtitle { font-size: 15px; color: var(--encre-2); }

/* Corps */
.article { padding-block: clamp(40px, 5vw, 56px) var(--section-y); }
.article__figure { margin: 0 0 clamp(40px, 5vw, 56px); }
.article__figure figcaption { margin-top: 8px; font-size: var(--fs-petit); color: var(--encre-2); }
.article__body { max-width: 792px; margin-inline: auto; }
.article__chapo { margin: 0 0 18px; font-size: clamp(18px, calc(0.2vw + 17px), 20px); line-height: 1.6; font-weight: 600; color: var(--vert-institution); }
.article__content { line-height: 1.7; overflow-wrap: break-word; }
.article__content > * { margin: 0; }
.article__content > * + * { margin-top: 18px; }
.article__content h2, .article__content h3 { margin-top: 32px; font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 600; color: var(--encre); }
.article__content ul, .article__content ol { padding-left: 1.25em; }
.article__content li + li { margin-top: 6px; }
.article__content img { border-radius: var(--rayon); }
.article__content a { text-decoration: underline; }
.article__content iframe, .article__content img { max-width: 100%; }
.article__content table { display: block; max-width: 100%; overflow-x: auto; }

/* Citation en encadré teinte-orange */
.article__content blockquote { margin: 32px 0; padding: 24px; background: var(--teinte-orange); border-radius: var(--rayon); }
.article__content blockquote::before { content: "«" / ""; display: block; margin-bottom: 8px; font: 700 48px/0.8 var(--police-titre); color: var(--orange-texte); }
.article__content blockquote p { margin: 0; font: 600 clamp(18px, calc(0.3vw + 16px), 21px)/1.5 var(--police-titre); color: var(--vert-institution); }
.article__content blockquote cite { display: block; margin-top: 14px; font-style: normal; font-size: 15px; color: var(--encre-2); }

/* Galerie */
.article__gallery { margin-top: 32px; }

/* Partage (classes du plan 01, styles propres à l'article : activite.css n'est pas chargée ici) */
.article .share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; padding-block: 24px; border-top: 1px solid var(--filet); border-bottom: 1px solid var(--filet); }
.article .share__label { margin-right: 8px; font: 600 15px/1 var(--police-titre); color: var(--encre); }
.article .share__list { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.article .share__btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--filet); border-radius: 50%; background: var(--blanc); color: var(--vert-principal); cursor: pointer; }
.article .share__btn:hover, .article .share__btn:focus-visible { border-color: var(--vert-principal); background: var(--teinte-verte); text-decoration: none; }
.article .share__btn .icon { width: 18px; height: 18px; }
.article .share__status { font-size: var(--fs-petit); color: var(--vert-institution); }

@media (min-width: 768px) {
	.article__content blockquote { padding: 28px; }
}