usagia-contact {
  display: block;
  color: var(--encre, #101010);
  font: 400 1rem/1.5 var(--sans, system-ui);
}

usagia-contact .uc-panel {
  margin: 1.5rem 0 0;
  border-top: 1px solid var(--encre-2, #545454);
}

usagia-contact .uc-toggle {
  padding: .875rem 0;
  cursor: pointer;
  font-weight: 650;
}

usagia-contact .uc-toggle::marker { color: var(--accent, #0754c9); }
usagia-contact .uc-content { max-width: 42rem; padding: .75rem 0 1.25rem; }
usagia-contact .uc-screen { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
usagia-contact .uc-screen legend {
  margin-bottom: 1rem;
  padding: 0;
  font: 750 clamp(1.6rem, 3vw, 2.15rem)/1.1 var(--affiche, sans-serif);
}

usagia-contact .uc-screen label {
  display: grid;
  gap: .35rem;
  margin-bottom: .9rem;
  font-size: .95rem;
  font-weight: 650;
}

usagia-contact .uc-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
usagia-contact input:not([type=checkbox]), usagia-contact select, usagia-contact textarea {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: .65rem .75rem;
  border: 1px solid var(--encre-2, #545454);
  border-radius: 3px;
  background: var(--carton, #fff);
  color: var(--encre, #101010);
  font: 400 1rem/1.35 var(--sans, system-ui);
}

usagia-contact textarea { resize: vertical; }
usagia-contact .uc-screen .uc-check {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-weight: 400;
}
usagia-contact .uc-check input { flex: none; width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; accent-color: var(--accent, #0754c9); }
usagia-contact .uc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.25rem; }
usagia-contact button { min-height: 44px; font: 650 .95rem/1.2 var(--sans, system-ui); cursor: pointer; }
usagia-contact .uc-button { padding: .7rem 1rem; border: 2px solid var(--encre, #101010); background: var(--encre, #101010); color: var(--papier, #fff); }
usagia-contact .uc-back { padding: .35rem 0; border: 0; color: var(--encre, #101010); background: transparent; text-decoration: underline; }
usagia-contact .uc-screen:disabled button { cursor: wait; opacity: .7; }
usagia-contact .uc-meta { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: .15rem 1rem; margin: 0 0 1rem; font-size: .95rem; }
usagia-contact .uc-meta dt { color: var(--encre-2, #545454); }
usagia-contact .uc-meta dd { margin: 0; overflow-wrap: anywhere; }
usagia-contact .uc-status { margin: 1rem 0 0; overflow-wrap: anywhere; }
usagia-contact .uc-status:empty { margin: 0; }
usagia-contact [hidden], usagia-contact .uc-trap { display: none !important; }
usagia-contact :focus-visible { outline: 3px solid var(--accent, #0754c9); outline-offset: 3px; }

@media (max-width: 38rem) {
  usagia-contact .uc-pair { grid-template-columns: minmax(0,1fr); gap: 0; }
}