/* Wrapper */
.uc-wrapper {
  max-width: 1000px;
  margin: 1em auto;
  font-family: sans-serif;
}

/* Rows & columns */
.uc-row {
  margin-bottom: 1em;
}
.uc-unit-changer-row { }
.uc-conversion-rows {
  display: flex;
  gap: 1em;
}
.uc-col {
  flex: 1;
}

/* Labels */
.uc-label {
  display: block;
  margin-bottom: 0.25em;
}

/* Selects & inputs */
.uc-select,
.uc-input {
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
  margin-bottom: 0.5em;
  border-radius:7px!important;
}

/* Responsive: single column under 680px */
@media (max-width: 680px) {
  .uc-conversion-rows {
    flex-direction: column;
  }
}