.writer-category-confirm {
  display: none;
  padding: 34px 25px 26px;
}

.writer-dialog.is-category-confirm .writer-form,
.writer-dialog.is-category-confirm .writer-post-loader,
.writer-dialog.is-category-confirm .writer-success {
  display: none;
}

.writer-dialog.is-category-confirm .writer-category-confirm {
  display: block;
}

.category-check-mark {
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f0ded6;
  color: #85584e;
  font-size: 1.35rem;
  box-shadow: 0 0 0 8px rgba(220, 190, 176, .16);
}

.writer-category-confirm > .kicker,
.writer-category-confirm > h3,
.writer-category-confirm > p {
  text-align: center;
}

.writer-category-confirm h3 {
  margin: 7px 0 8px;
  color: #60423b;
  font-size: 1.55rem;
  font-weight: 500;
}

.writer-category-confirm > p {
  max-width: 500px;
  margin: 0 auto 20px;
  color: #796860;
}

.category-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 24px 0 14px;
}

.category-choices label {
  position: relative;
  cursor: pointer;
}

.category-choices input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.category-choices span {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 16px;
  border: 1px solid #dac9bd;
  border-radius: 14px;
  background: #fffdf9;
  color: #664d45;
  transition: border-color .18s, box-shadow .18s, background .18s;
}

.category-choices b {
  font: 750 .9rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.category-choices small {
  color: #8c7970;
  font: 500 .72rem/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.category-choices input:checked + span {
  border-color: #8e5c52;
  background: #f4e4dc;
  box-shadow: 0 0 0 3px rgba(142, 92, 82, .12);
}

.category-suggestion {
  padding: 10px 12px;
  border-radius: 10px;
  background: #f4e8df;
  color: #74564d !important;
  font: 700 .75rem/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
}

.writer-category-confirm .form-actions {
  margin-top: 22px;
}

@media (max-width: 720px) {
  .category-choices {
    grid-template-columns: 1fr;
  }

  .writer-category-confirm {
    padding: 28px 19px 22px;
  }

  .writer-category-confirm .form-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
}