/* /account/delete (accounts#confirm_destroy) — page-local rules.
 * Title/lead/warning-list moved to heading element + text roles. */

.account-destroy-container {
  max-width: 32rem;
  margin-inline: auto;
  margin-top: var(--spacing-48);
  color: var(--text-primary);

  & h1 { font-size: var(--font-size-24); margin-bottom: var(--spacing-8); }
  & .notice ul > * + * { margin-top: var(--spacing-4); }
}

.account-destroy-lead {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-24);
}

.account-destroy-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-16);
}
.account-destroy-confirm-button {
  background-color: var(--background-surface-2);
  color: var(--color-white-solid);
  font-weight: var(--font-weight-600);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--corner-radius-sm);
  transition: background-color 150ms;
}
.account-destroy-cancel-link {
  color: var(--text-tertiary);
  &:hover { color: var(--text-primary); }
}