fieldset {
  border: 1px solid lightgray;
  margin-top: 1em;
  /*top, right, bottom, left*/
  padding: calc(1em - 0.5em) 1em 1em 1em;
  position: relative;
}
fieldset legend {
  color: #383838; /*38 Special*/
  cursor: default;
  font-variant: petite-caps;
  padding-left: 0.5ch;
  padding-right: 0.5ch;
}
fieldset.projectile { width: auto}
fieldset.target, fieldset.corrections { width: 50% }
fieldset.corrections label abbr a {
  color: black;
  cursor: pointer; /*don't want default cursor*/
  text-decoration: none; /*not necessary*/
}
fieldset.corrections label abbr a.default { color: red } /*default corrections*/
fieldset.corrections label abbr a.default:focus { color: black }
table.corrections {
  table-layout: fixed;
  width: fit-content;
}
table.corrections tr td { white-space: nowrap }
table.corrections tr:first-of-type > td { padding-bottom: 1em }
fieldset.result {
  height: fit-content;
  width: fit-content;
}
fieldset.result > p { /*P necessary for styling*/
  font-family: Inconsolata, monospace;
  letter-spacing: 0.062em;
  line-height: normal;
  margin-bottom: auto;
  padding: 0;
}

@media only screen and (max-width: 600px) { /*ruler breakpoint*/
  fieldset.projectile, fieldset.target, fieldset.corrections { width: inherit }
}