/* Débat public sur les contributions publiées (serveur/debat-vue.mjs) : avis à trois degrés, totaux, arguments pour
   et contre en deux colonnes, réponse de l'équipe, sources, fil d'Ariane. Valeurs tirées des variables du site. */

.fil-ariane ol { list-style: none; margin: 0 0 var(--e-4); padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-2); font-size: 0.95rem; }
.fil-ariane li + li::before { content: "›"; margin-right: var(--e-2); color: var(--gris); }
.fil-ariane [aria-current="page"] { color: var(--gris); }

.avis-totaux { list-style: none; margin: var(--e-4) 0 var(--e-1); padding: 0; display: grid; gap: var(--e-1); }
.avis-total { display: flex; align-items: baseline; gap: var(--e-2); }
/* Les trois degrés gardent la même encre, sans couleur de réussite ni d'erreur : rien ne fait pencher le lecteur. */
.avis-nombre { min-width: 2.5rem; font-weight: 700; font-size: 1.15rem; font-variant-numeric: tabular-nums; text-align: right; }
.avis-regle { margin-top: var(--e-1); }

.avis { margin: var(--e-3) 0 0; }
.avis fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.avis legend { font-weight: 700; margin-bottom: var(--e-2); }
.avis-degres { display: flex; flex-wrap: wrap; gap: var(--e-2); margin-bottom: var(--e-3); }
.avis-mien { margin: 0 0 var(--e-2); }

.fiche-debat .lien-debat { margin: var(--e-3) 0 0; font-weight: 600; }
.avec-reponse { color: var(--succes); font-weight: 600; }
.engagement-reponse { padding: var(--e-3) var(--e-4); border-left: 4px solid var(--accent); background: var(--accent-pale); border-radius: var(--rayon-petit); }
.aide-tri { margin-top: calc(-1 * var(--e-2)); }

.texte-debattu { font-size: 1.08em; margin: var(--e-4) 0; }
.debat-avis, .reponse-equipe, .debat-arguments, .sources-debat, .partage-de-la-contribution { margin-top: var(--e-8); }
.reponse-equipe { padding: var(--e-4) var(--e-5); border: 2px solid var(--accent); border-radius: var(--rayon); background: var(--surface); }
.reponse-equipe h2 { margin-top: 0; }

.colonnes-arguments { display: grid; grid-template-columns: 1fr; gap: var(--e-6); }
@media (min-width: 48rem) { .colonnes-arguments { grid-template-columns: 1fr 1fr; } }
/* Pour puis contre sous le même filet : leur titre seul les distingue. */
.colonne-arguments h3 { margin: 0 0 var(--e-3); padding-bottom: var(--e-2); border-bottom: 3px solid var(--filet); }
.liste-arguments { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-4); }
.argument { padding: var(--e-3) var(--e-4); border: 1px solid var(--filet); border-radius: var(--rayon); background: var(--surface); overflow-wrap: anywhere; }
.argument-auteur { margin: 0 0 var(--e-1); font-weight: 700; }
.argument-texte { white-space: pre-line; }
.argument-source { margin: var(--e-2) 0 0; font-size: 0.95rem; }
.gestes-argument { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2) var(--e-3); margin-top: var(--e-3); }
.geste-argument { margin: 0; }
.bouton-petit { min-height: 2.75rem; padding: 0.3rem 0.95rem; }
.lien-signaler { border: 0; background: none; padding: var(--e-2) 0; min-height: 2.75rem; color: var(--gris); text-decoration: underline; cursor: pointer; font: inherit; }
.lien-signaler:hover, .lien-signaler:focus-visible { color: var(--encre); }

.deposer-argument, .proposer-source { margin-top: var(--e-6); }
.deposer-argument summary, .proposer-source summary { cursor: pointer; font-weight: 700; padding: var(--e-2) 0; }
.sources-debat ul { padding-left: var(--e-5); overflow-wrap: anywhere; }

/* Administration du débat : la liste des motifs de la charte, aux libellés longs, tient dans un téléphone. */
.motif-retrait { max-width: 100%; }
.action-fiche:has(.motif-retrait) { min-width: 0; max-width: 100%; }

/* Propositions de la tribune au débat puis amendements (serveur/propositions-vue.mjs) : la carte d'une proposition prend
   la mise en page d'une contribution, sans couleur propre ; ce qu'un amendement change se lit mot à mot, ajouts
   soulignés, retraits barrés. */
.provenance { margin: var(--e-1) 0 var(--e-3); color: var(--gris); }
.texte-proposition { white-space: normal; }
.introduction-propositions { margin-top: var(--e-4); }
.invitation-arguments { margin: 0 0 var(--e-4); }
.notes-proposition, .amendements { margin-top: var(--e-8); }
.notes-proposition .notes { padding-left: var(--e-5); overflow-wrap: anywhere; }
.liste-amendements .avis { margin-top: var(--e-2); }
.ecart-amendement { margin: var(--e-3) 0 0; }
.ecart-amendement summary { cursor: pointer; font-weight: 600; padding: var(--e-2) 0; }
.ecart { white-space: normal; overflow-wrap: anywhere; line-height: 1.7; }
.ecart ins { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; background: var(--accent-pale); }
.ecart del { text-decoration: line-through; color: var(--gris); }