.grid {
  display: grid;
  grid-template-columns: min(8em, 40%) min(14em, calc(60% - 4px));
  gap: 4px;
  label, dt {
    text-align: right;
  }
  dd {
    height: calc(1em + 2 * (1px + 2px));
    margin: 0;
  }
  input[type=submit] {
    width: fit-content;
  }
  .mid {
    grid-column: 2 / 3;
  }
}
.hide {
  display: none;
}
#payment { padding: 1em;
  border-radius: 4px;
  background-color: light-dark(oldlace, dimgray);
}
/* Common between optocat and ketzelpretzel, but not extbuy specific. These
 * might go to some /y/base.css, but I don't want to introduce another css file. */
kbd {
  font-family: system-ui;
}
dl {
  margin: 0;
}
.error {
  padding: 4px;
  border-radius: 4px;
  color: oldlace;
  background-color: black;
}