:root {
  color-scheme: light;
  font: 16px/1.55 system-ui, sans-serif;
  color: #172b21;
  background: #f2f5f1;
}
main { max-width: 48rem; margin: 2rem auto; padding: 1rem; }
article, #setup { background: white; border: 1px solid #bdc9c0; border-radius: .75rem; padding: 1.25rem; }
h1 { margin-top: 0; }
dt { font-weight: 650; }
dd { margin: 0 0 .65rem; overflow-wrap: anywhere; }
#changes { white-space: pre-wrap; overflow-wrap: anywhere; }
button, input { font: inherit; border-radius: .4rem; padding: .65rem 1rem; }
button { color: white; background: #225c40; border: 1px solid #225c40; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
input { border: 1px solid #879b8e; margin: .4rem; max-width: calc(100% - 3rem); }
a { color: #225c40; }