#connect-table {
  text-align: end;
}

#connect-table td {
  padding-inline-end: 0.3em;
}

#connect-button {
  margin-inline-start: 1em;
}

article {
  margin: 2em;
}

article:first-of-type {
  margin-top: 11em;
}

article:last-of-type {
  margin-bottom: 5em;
}

#notice {
  margin-top: 1em;
  white-space: pre;
  border-width: 3px;
  border-style: solid;
  border-radius: 1em;
  box-shadow: 0 0 0 0.25em #c71919;
  padding: 0.25em;
  background: #780000;
}

dialog {
  width: 50%;
  box-shadow: 0 0 6px 0.25em rgb(225 167 167 / 93%);
}

.help {
  cursor: help;
}

#actions {
  display: flex;
  margin-top: 2em;
}

#actions>* {
  flex: 1;
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#autorun-status {
  display: flex;
  flex-direction: column;
  white-space: pre-wrap;
}

#dyna-status {
  flex: 1;
}

#autorun-buttons {
  display: flex;
  justify-content: space-evenly;
}