#cmsWrapper {
  width: 100%;
}

#cmsTabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;

  padding: 12px 20px;

  background: #0d1016;
  border-bottom: 1px solid #242936;
}

#cmsTabs button,
.cms-dev-button {
  background: transparent;
  border: 0;

  padding: 9px 12px;

  color: #d7dbe5;

  cursor: pointer;
  text-decoration: none;

  font: inherit;
}

#cmsTabs button:hover,
.cms-dev-button:hover {
  color: white;
  background: #191e29;
  border-radius: 5px;
}

.cms-dev-button {
  margin-left: auto;
  color: #8ca0ff;
}

#cmsContent {
  max-width: 1000px;
  margin: 30px auto;
  padding: 25px;

  background: #10131a;
  color: #eee;

  border: 1px solid #252a36;
  border-radius: 8px;
}

#cmsContent h1 {
  margin-top: 0;
}

.cms-page-text {
  white-space: pre-wrap;
  line-height: 1.7;
}