.page-new {
  padding: 16px 0;
}

.page-new form {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-new .form-section > :first-child {
  display: block;
  margin-bottom: 8px;
}

.page-new .radio-field {
  background: black;
  padding: 4px 16px;
  width: fit-content;
  color: white;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
}

.page-new .radio-field input {
  display: none;
}

.page-new .radio-field:has(:checked) {
  background: white;
  color: black;
  border: 1px solid black;
}

.page-new .category-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-new .form-post-title {
  width: 100%;
  font-family: var(--font-family-header);
  font-size: 24px;
}

.page-new .form-post-body {
  resize: none;
  width: 100%;
}

.page-new .post-create-button {
  padding: 8px 0;
  font-size: inherit;
}