.conversion-direction { margin-bottom: 14px; }
.conversion-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#panel-unit .result-box { overflow-wrap: anywhere; }
@media (max-width: 900px) { .conversion-inputs { gap: 12px; } }

.tool-sidebar h2, .tool-sidebar .tool-tabs button { text-align: left; }
@media (max-width: 640px) {
  .tool-sidebar h2, .tool-sidebar .tool-tabs button { text-align: center; }
}