/* Steps for /contribute */
ol.steps { padding-left: 1.25rem; }
ol.steps > li { margin: 0.6rem 0; }
pre.prompt-block {
  background: light-dark(#f4f4f4, #1a1a1a);
  border: 1px solid light-dark(#ccc, #444);
  padding: 0.5rem 0.75rem;
  overflow: auto;
  font-size: 0.85rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

ul.report-picker { list-style: none; padding: 0; }
ul.report-picker li { padding: 0.4rem 0; border-top: 1px solid light-dark(#eee, #2a2a2a); }
ul.report-picker li:first-child { border-top: none; }

/* Forms */
ul.email-list { list-style: none; padding-left: 0; }
ul.email-list li { padding: 0.2rem 0; }
form.row { margin: 0.5rem 0; }
form.row input[type=email], form.row input[type=text] { padding: 0.35rem; min-width: 18rem; }
form.row button, form.inline button { padding: 0.4rem 0.8rem; }
form.inline { display: inline; margin-left: 0.5rem; }

form.submit-form label {
  display: block;
  font-size: 0.95rem;
  color: light-dark(#444, #bcbcbc);
  margin-bottom: 0.25rem;
}
form.submit-form input[type=email],
form.submit-form input[type=text],
form.submit-form input[type=url],
form.submit-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem;
  font-family: inherit;
  font-size: 1rem;
  background: light-dark(#fff, #1a1a1a);
  color: light-dark(inherit, #e8e8e8);
  border: 1px solid light-dark(#999, #666);
}
form.submit-form textarea {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9rem;
  min-height: 28vh;
  resize: vertical;
}
form.submit-form button {
  padding: 0.6rem 1.4rem;
  font-size: 1rem;
  background: light-dark(#1f1f1f, #d4d4d4);
  color: light-dark(#fafafa, #111);
  border: 1px solid light-dark(#1f1f1f, #d4d4d4);
  cursor: pointer;
}
/* Busy state while the POST is in flight (set in render.js on submit). */
form.submit-form button.is-submitting {
  opacity: 0.6;
  cursor: progress;
}