/* Modification d'un projet par la commune (art. 8 du règlement) :
   date de la dernière modification + explication + comparaison
   version initiale / version actuelle. */
.project-update{
  background:var(--info-bg);
  border-left:4px solid var(--primary);
  border-radius:var(--radius);
  padding:1rem 1.25rem;
  margin:1.5rem 0;
}
.project-update__title{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:1rem;
  font-weight:700;
  color:var(--primary);
  margin:0 0 .35rem;
}
.project-update__meta{
  font-size:.9rem;
  color:var(--text-secondary);
  margin:0 0 .5rem;
}
.project-update__note{
  margin:0 0 .75rem;
}
.project-update__note-label{
  font-weight:600;
}
.project-update__note ul{
  margin:.35rem 0 0;
  padding-left:1.25rem;
}
.project-update__note li + li{
  margin-top:.25rem;
}
.project-update__note p:last-child{
  margin-bottom:0;
}

/* Dépliant natif <details> : clavier + lecteurs d'écran sans JS */
.project-update details > summary{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  cursor:pointer;
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-underline-offset:3px;
  list-style:none;
}
.project-update details > summary::-webkit-details-marker{ display:none; }
.project-update details > summary .bi{ transition:transform .15s ease; }
.project-update details[open] > summary .bi{ transform:rotate(90deg); }
.project-update details > summary:focus-visible{
  outline:3px solid var(--focus-color);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}
@media (prefers-reduced-motion: reduce){
  .project-update details > summary .bi{ transition:none; }
}

/* Comparaison champ par champ */
.project-compare{
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}
.project-compare__item + .project-compare__item{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--border);
}
.project-compare__field{
  font-size:.95rem;
  font-weight:700;
  margin:0 0 .5rem;
}
.project-compare__versions{
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
}
@media (min-width:768px){
  .project-compare__versions{ grid-template-columns:1fr 1fr; }
}
.project-compare__version{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:.75rem .9rem;
}
.project-compare__version--initial{
  color:var(--text-secondary);
}
.project-compare__label{
  display:block;
  font-size:.8rem;
  font-weight:600;
  color:var(--text-secondary);
  margin-bottom:.25rem;
}
.project-compare__version p{ margin:0; }