body {
  background: #f8f9fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #202122;
  font-size: 14px;
}

/* page container */

.wiki-container {
  max-width: 900px;
  width: 90%;
  margin: 40px auto;
  margin-bottom: 6pt;
}

.credit {
  color: #72777d;
  margin: 6pt 0;
}

/* article edit box */

.edit-box {
  border: 1px solid #a2a9b1;
  background: white;

  min-height: 300px;

  padding: 12px;

  line-height: 1.6;
  font-family: monospace;
  white-space: pre-wrap;
}

/* gray control area */

.edit-footer {
  border: 1px solid #a2a9b1;
  border-top: none;

  background: #f8f9fa;

  padding: 12px;
}

/* summary label */

.summary-label {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
}

/* summary input */

.edit-summary {
  width: 100%;
  height: 32px;

  padding: 4px 8px;
  margin-bottom: 10px;

  border: 1px solid #a2a9b1;
  border-radius: 2px;

  font-size: 14px;
  box-sizing: border-box;
}

.edit-summary:focus {
  outline: none;
  border-color: #36c;
  box-shadow: inset 0 0 0 1px #36c;
}

/* button layout */

.button-row {
  display: flex;
  gap: 8px;
}

/* primary button */

.publish {
  background: #3366cc;
  color: white;

  border: 1px solid #3366cc;
  border-radius: 2px;

  padding: 6px 12px;

  font-weight: 1000;
  cursor: pointer;
}

.publish:hover {
  background: #447ff5;
}

/* secondary buttons */

.secondary {
  background: white;
  color: #202122;

  border: 1px solid #a2a9b1;
  border-radius: 2px;

  padding: 6px 12px;

  cursor: pointer;
  font-weight: 600;
}

.secondary:hover {
  background: #f0f0f0;
}


.cancel {
  color: #d73333;
}

.per-second {
  color: #a2a9b1;
}

.purchase {
  background: #d1e9d2;
  /*display: inline-block;*/
  margin: 0.3rem;
  cursor: default;
  padding: 0 3pt;
  user-select:none;
}

.purchase:hover {
  background: #1f7a39;
  color: #f8f9fa;
}

.disclaimer {
  min-height: 3em;
  padding: 0.3rem;
  margin-bottom: 10px;
  line-height: 1.2;
}

.wiki-title {
  font-family: "Linux Libertine", "Georgia", "Times", serif;
  font-size: 1.8em;
  font-weight: normal;

  border-bottom: 1px solid #a2a9b1;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}

.stats {
  display: flex;
  flex-direction: column;
}

.hidden {
  display: none;
}