* {
  line-height: 1.1;
}

body {
  padding: 3%;
}

div.tablebox {
  height: 40em;
  border-style: solid;
  border-width: 1px;
  overflow: auto;
}

span.unit {
  margin-right: 2em;
  white-space: nowrap;
}

div.columnctl {
  border-style: solid;
  border-width: 1px;
  padding: 0 1em;
  margin: 0.5em 0;
}

input.button {
  padding: 0 1em;
}

div {
  margin: 0;
  padding: 0;
}

div.columns {
  float: left;
  width: 40%;
  max-width: 30em;
  margin: 0 0.5em;
}

td {
  text-align: right;
  white-space: nowrap;
}

span.ruler {
  font-style: italic;
  margin: 0 0.5em;
}

div.notectl {
  clear: both;
}

pre {
  border-style: solid;
  border-width: 1px;
  overflow: auto;
  padding: 1em;
  line-height: 1.1;
}

textarea {
  width: 100%;
}