body {
}
div #base,
div #mod {
  margin-top: 30px;
}
#base .row ,
#mod .row {
  margin-bottom: 3px;
  border: thin solid #ced4da;
}

#base .form-group ,
#mod .form-group,
#baseResult .form-group ,
#modResult .form-group {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  padding-top: 0;
  padding-bottom: 5px;
  border: thin solid #ced4da;

  background-color: #fffdfa;
  border-radius: 0.375rem;
}

#mod .form-group ,
#modResult .form-group {
  background-color: #f8fbff;
  border-radius: 0.375rem;
}

#base .form-group-header ,
#mod .form-group-header {
  margin: 0.25rem;
  padding-top: 0.4rem;
  padding-bottom: 0.5rem;
  border: none;

}

#base label.form-label ,
#mod label.form-label {
  margin-top:5px;
  margin-bottom:3px;
}

#base .point,
#mod .point {
  text-align:center;
  align-self:center;
}
.target span {
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
}

.cf p {
  font-size:0.75rem;
  margin-bottom: 0.50rem;
}

div:has(>.is-invalid)~.invalid-feedback {
  display: block;
}