/* Hors fil — signaler : formulaire de correction, de retrait et de droit de réponse. */

.signaler { display: grid; gap: 2rem; margin-top: 2rem; align-items: start; }
@media (min-width: 56rem) {
  .signaler { grid-template-columns: minmax(0, 1.65fr) minmax(16rem, 1fr); gap: 3.5rem; }
  .signaler__infos { grid-column: 2; grid-row: 1; position: sticky; top: 1.5rem; }
  .signaler__formulaire { grid-column: 1; grid-row: 1; }
}
@media (max-width: 55.99rem) { .signaler__infos { order: 2; } }
.signaler__infos { background: var(--teinte); border-radius: var(--rayon-grand); padding: 1.4rem 1.5rem; }
.signaler__infos h2 { font-size: 1.25rem; margin: 0 0 .75rem; }
.signaler__infos ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; font-size: 1rem; }
.signaler__infos li { position: relative; padding-left: 1.6rem; }
.signaler__infos li::before {
  content: ""; position: absolute; left: .25rem; top: .25em; width: .4rem; height: .75rem;
  border: solid var(--accent); border-width: 0 3px 3px 0; transform: rotate(45deg);
}

#formulaire { max-width: 40rem; }
#formulaire input, #formulaire select, #formulaire textarea { max-width: none; }
.facultatif { font-weight: 400; color: var(--encre-2); }
.signaler__compte { display: grid; gap: 0 1rem; }
.aide--limite { color: var(--encre); font-weight: 700; }
#formulaire .actions { margin-bottom: 0; }