/* Structure minimale ; M9 conserve la charte et les finitions. */
#commentaires, .commentaire { scroll-margin-block-start: 6rem; }
.commentaires-liste, .commentaires-reponses { list-style: none; padding-inline-start: 0; }
.commentaires-reponses { margin-inline-start: 1.5rem; border-inline-start: 2px solid #dbe5f3; padding-inline-start: 1rem; }
.commentaire, .commentaire-moderation { border-block-end: 1px solid #dbe5f3; padding-block: .8rem; overflow-wrap: anywhere; }
.commentaire-texte { white-space: pre-wrap; }
.commentaire-avatar { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 1.8rem; height: 1.8rem; background: #2457a7; color: white; }
.commentaires-formulaire { display: grid; gap: .5rem; margin-block: 1rem; }
.commentaires-formulaire :is(input, select, textarea) { max-width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
.commentaires-formulaire textarea { width: 100%; resize: vertical; background: var(--fond); color: var(--texte); border: 1px solid var(--bord); border-radius: 8px; padding: 10px; }
.commentaires-piege { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }