.ab-container {
  display: flex;
  flex-wrap: wrap;
}

.ab-column {
  flex-basis: 40%;
  flex-grow: 1;
  min-width: 400px;
  padding: .5em;
}

.settings-container {
  display: flex;
  flex-wrap: wrap;
}

.settings-item {
  flex-basis: 150px;
  box-sizing: border-box;
}

.results-container {
  display: flex;
  flex-wrap: wrap;
}

.results-item {
  flex-basis: 40%;
  box-sizing: border-box;

  min-width: 700px;
}

.results-run {
  min-height: 22rem;
}

#summary {
  flex-basis: 35%;
  padding: 7rem 5rem;
  font-size: larger;
}

#warp-warning {
    background: var(--color-secondary-accent);
    border-left: 4px solid var(--color-secondary);
    padding: 1em 1em;
}

#error {
  color: red;
}

.results {
  font-weight: bold;
}

.warnings {
  color: red;
}

#summary .warnings {
  font-size: medium;
}

.settings-form {
  max-width: 100%;
}

.hidden {
  display: none;
}

:root {
  --width-card: 460px;
  --width-card-medium: 800px;
  --width-card-wide: 1200px;
  --width-content: 1600px;
}