.account-deletion-content {
  grid-column: 2;
  min-width: 0;
}

.form-group { margin: 1.15rem 0; }
.form-group label { display: block; margin-bottom: .35rem; font-weight: 700; }
.form-group input, .form-group select, .form-group textarea { width: 100%; border: 1px solid #bdb2cb; border-radius: .4rem; background: #fff; color: var(--ink); font: inherit; padding: .7rem .8rem; }
.form-group textarea { resize: vertical; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: 3px solid #d8b7f2; border-color: var(--brand); }
.deletion-confirmation { display: flex; gap: .65rem; align-items: flex-start; margin: 1.25rem 0; cursor: pointer; }
.deletion-confirmation input { width: 1.1rem; height: 1.1rem; margin-top: .28rem; accent-color: var(--brand); }
.field-error { min-height: 1.35rem; margin: .2rem 0 0; color: #9f1f1f; font-size: .88rem; }
.form-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
.form-footer .contact-action { border: 0; cursor: pointer; font: 700 1rem var(--font); }
.form-status { margin: 0; font-weight: 600; }
.form-status.success { color: #166534; }
.form-status.error { color: #9f1f1f; }

@media (max-width: 720px) {
  .account-deletion-content {
    grid-column: auto;
  }
}