/* Keep native form controls inside the three-column tool cards. */
.tool-card {
  min-width: 0;
  overflow: hidden;
}

.tool-card form,
.tool-card label,
.tool-card input,
.tool-card select,
.tool-card button,
.tool-card .result {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.tool-card input,
.tool-card select,
.tool-card button {
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .tool-card {
    overflow: visible;
  }
}