/* Styles partagés par les convertisseurs d'unités de superficie. */
.conversion-calculator .form{
  padding:8px 6px 6px;
}
.conversion-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
  align-items:end;
  gap:14px;
}
.conversion-grid .field-row{
  min-width:0;
  margin:0;
}
.conversion-calculator input:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.conversion-grid .result-label{
  font-size:18px;
  line-height:28px;
  font-weight:700;
}
.conversion-output{
  display:flex;
  align-items:center;
  width:100%;
  min-height:50px;
  padding:12px;
  border:1px solid var(--border);
  background:var(--bg-soft);
  color:var(--text-strong);
  font-size:17px;
  font-weight:700;
  overflow-wrap:anywhere;
}
.conversion-swap{
  appearance:none;
  min-height:50px;
  padding:10px 14px;
  border:1px solid var(--border);
  background:var(--bg-soft-2);
  color:var(--text-strong);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.conversion-swap:hover{
  background:#ededed;
  border-color:var(--text-strong);
}
.conversion-swap:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.conversion-error{
  margin:10px 0 0;
  color:var(--badge);
}
.conversion-error[hidden]{
  display:none;
}
.conversion-calculator [aria-invalid="true"]{
  border-color:var(--badge);
}
.conversion-formula-card{
  margin:12px 0 18px;
  padding:18px 16px;
  border:1px solid var(--border);
  border-left:4px solid var(--accent);
  background:var(--bg-soft-2);
  text-align:center;
}
.conversion-formula{
  margin:0 0 8px;
  color:var(--text-strong);
  font-size:24px !important;
  line-height:32px !important;
}
.conversion-formula-note{
  margin:0;
  color:var(--muted);
  font-size:16px !important;
  line-height:24px !important;
}
.conversion-table{
  min-width:0;
}
.conversion-table th:last-child,
.conversion-table td:last-child{
  text-align:right;
}
@media (max-width:600px){
  .conversion-grid{
    grid-template-columns:1fr;
  }
  .conversion-swap{
    width:100%;
  }
}