/* Reuse the homepage contact fields, button and response styles. */
.cia-deletion-form { box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 50px 50px 45px; border-radius: 20px; background: #fff; }
.cia-legal-section .cia-deletion-help { font-size: 15px; line-height: 1.6; }
.cia-deletion-form .cia-contact-control { box-sizing: border-box; width: 100%; }
.cia-deletion-form textarea { resize: vertical; }
@media (max-width: 767px) { .cia-deletion-form { padding: 24px 20px; } }

.cia-deletion-form .cia-deletion-submit {
  width: 40%;
  max-width: 280px;
  min-width: 0;
  padding-inline: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}


.cia-deletion-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 48px;
  padding: 48px;
  background: #ECEEF2;
  border-radius: 24px;
}
.cia-deletion-copy { width: 80%; min-width: 0; padding-top: 12px; }
.cia-legal-page .cia-deletion-copy .cia-deletion-help { font-size: 15px; line-height: 1.6; margin-bottom: 32px; }
.cia-deletion-copy .cia-contact-details { margin: 0; }
.cia-deletion-copy .cia-contact-detail a { overflow-wrap: anywhere; }
@media (max-width: 1199px) {
  .cia-deletion-section { padding: 32px; gap: 32px; }
  .cia-deletion-section .cia-deletion-form { padding: 32px; }
}
@media (max-width: 1023px) {
  .cia-deletion-section { grid-template-columns: minmax(0, 1fr); }
  .cia-deletion-copy { width: 100%; padding-top: 0; }
}
@media (max-width: 767px) {
  .cia-deletion-section { padding: 24px 20px; gap: 28px; }
  .cia-deletion-section .cia-deletion-form { padding: 24px 20px; }
}