/* Convertisseur d'unités : styles propres à l'outil. */
.o-unites .prereglages { border-top: 0; padding-top: 0; }
.atelier .o-unites .prereglages .btn[aria-pressed="true"] { background: var(--marque); border-color: var(--marque); color: var(--sur-marque); }
.o-unites-champs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto minmax(0, 1.3fr); gap: 12px; align-items: end; }
.o-unites-champs label { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: .88rem; color: var(--texte-2); }
.o-unites-valeur input { font: 600 1.2rem var(--mono); }
.o-unites-champs select { min-height: 46px; text-overflow: ellipsis; }
.o-unites-champs input { min-height: 46px; }
.o-unites-inverser { min-height: 46px; white-space: nowrap; }
.o-unites-inverser-texte { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.o-unites input[aria-invalid="true"] { border-color: var(--erreur-texte); outline: 1px solid var(--erreur-texte); }
.o-unites input:focus-visible, .o-unites select:focus-visible { outline: 3px solid var(--marque); outline-offset: 0; }
.o-unites .o-unites-erreur { margin: 10px 0 0; color: var(--erreur-texte); font-size: 1rem; }
.o-unites-reponse { margin-top: 16px; padding: 14px 16px; border-radius: var(--rayon-petit); background: var(--surface-2); }
.o-unites-reponse strong { display: block; margin-bottom: 4px; font-size: .88rem; font-weight: 600; color: var(--texte-2); }
.o-unites-resultat { display: block; font: 700 1.7rem/1.35 var(--mono); color: var(--texte); overflow-wrap: anywhere; user-select: all; }
.o-unites-formule { margin: 8px 0 0; font: 500 .98rem/1.5 var(--mono); overflow-wrap: anywhere; }
.o-unites-formule span:first-child { font-family: var(--police); color: var(--texte-2); margin-right: 6px; }
.o-unites-tableau { margin-top: 18px; overflow-x: auto; }
.o-unites-tableau table { width: 100%; border-collapse: collapse; }
.o-unites-tableau caption { padding-bottom: 6px; text-align: left; font-size: .88rem; font-weight: 600; color: var(--texte-2); }
.o-unites-tableau th, .o-unites-tableau td { padding: 8px 10px; border-bottom: 1px solid var(--bord); text-align: left; }
.o-unites-tableau thead th { font-size: .82rem; font-weight: 600; color: var(--texte-2); }
.o-unites-tableau tbody th { font-weight: 500; }
.o-unites-tableau td, .o-unites-tableau thead th:last-child { text-align: right; }
.o-unites-tableau td { font: 600 1rem var(--mono); overflow-wrap: anywhere; }
.o-unites-tableau tr.o-unites-vise th, .o-unites-tableau tr.o-unites-vise td { background: var(--surface-2); color: var(--marque); }
@media (max-width: 720px) {
  .o-unites-champs { grid-template-columns: minmax(0, 1fr) auto; }
  .o-unites-valeur { grid-column: 1 / -1; }
  .o-unites-champs label:nth-of-type(2) { grid-column: 1; grid-row: 2; }
  .o-unites-inverser { grid-column: 2; grid-row: 2 / span 2; align-self: center; min-width: 46px; padding-inline: 10px; }
  .o-unites-champs label:nth-of-type(3) { grid-column: 1; grid-row: 3; }
  .o-unites-resultat { font-size: 1.3rem; }
  .o-unites-tableau th, .o-unites-tableau td { padding: 7px 6px; }
  .o-unites-tableau td { font-size: .92rem; }
}