.retract{ max-width: 52rem; margin: 0 auto; }

.retract-etapes{
  display: flex; flex-wrap: wrap; gap: .5rem 1.5rem;
  list-style: none; padding: 0; margin: 0 0 2rem;
  font-size: var(--fs-micro, 1.2rem); color: var(--ink-soft, #6E5C4A);
}
.retract-etapes li{ padding-bottom: .25rem; border-bottom: 3px solid transparent; }
.retract-etapes li[aria-current="step"]{
  color: var(--ink, #4A3B2E); font-weight: 600; border-bottom-color: var(--terracotta, #A45D44);
}

.retract fieldset{
  border: 1px solid var(--line, rgba(164,93,68,.18)); border-radius: 12px;
  padding: 1.25rem 1.25rem .5rem; margin: 0 0 1.5rem; min-width: 0;
}
.retract legend{ padding: 0 .5rem; font-weight: 600; color: var(--ink, #4A3B2E); }
.retract-facultatif{ font-weight: 400; color: var(--ink-soft, #6E5C4A); }
.retract-intro, .retract-aide{ color: var(--ink-soft, #6E5C4A); }
.retract-aide{ font-size: var(--fs-micro, 1.2rem); margin: .35rem 0 0; }
.retract-label{ display: block; margin-bottom: .4rem; font-weight: 500; }

.retract-choix{ display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.retract-choix label{ display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; font-weight: 400; }
.retract-choix input{ width: 1.2em; height: 1.2em; accent-color: var(--terracotta, #A45D44); }

.retract-piege{ position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.retract-alerte{
  padding: .9rem 1.1rem; border-radius: 10px; margin: 1rem 0;
  background: #FBEAE5; border-left: 4px solid var(--terracotta, #A45D44); color: var(--ink, #4A3B2E);
}

.retract-recap{
  display: grid; grid-template-columns: minmax(10rem, 16rem) 1fr; gap: .5rem 1.25rem;
  margin: 1.5rem 0; padding: 1.25rem; border-radius: 12px;
  background: var(--latte-light, #F5EEE0);
}
.retract-recap dt{ color: var(--ink-soft, #6E5C4A); }
.retract-recap dd{ margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink, #4A3B2E); }
@media (max-width: 560px){
  .retract-recap{ grid-template-columns: 1fr; }
  .retract-recap dd{ margin-bottom: .6rem; }
}

.retract-boutons{ display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.retract-boutons .btn[disabled]{ opacity: .6; cursor: progress; }

.retract-accuse{
  border: 2px solid var(--terracotta, #A45D44); border-radius: 14px;
  padding: 1.5rem; background: var(--cream-white, #FDFAF4);
}
.retract-horodatage{ font-size: var(--fs-lead, 1.6rem); }
.retract [tabindex="-1"]:focus{ outline: none; }

@media print{
  header, footer, .breadcrumb, .page-hero, .retract-etapes, .retract-boutons, .skip{ display: none !important; }
  .retract-accuse{ border-color: #000; background: #fff; }
  .retract-recap{ background: #fff; border: 1px solid #999; }
}