:root {
  --col-a: black;
  --col-b: white;
}

palette-info {
  display: block;
  margin: 0.2em 0;
}

ul {
  list-style: none;
  padding: 0;
}

#optimise input {
  max-width: 5em;
  text-align: center;
}

@media (min-width: 60em) {
  #color-pickers {
    display: grid;
    grid-auto-flow: column;
  }
}

footer {
  margin-top: 5em;
}

section ~ section {
  margin-top: 3em;
}

th, td {
  padding: 0.5em;
}

td {
  text-align: right;
}