#child-contact-title { outline: none; }
#child-contact-form .child-contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#child-contact-status[data-error="true"] { color: var(--child-color-error-text, #b42318); }

/* Success screen after sending (replaces the form until the dialog is closed). */
#child-contact .child-contact-success[hidden], #child-contact-form[hidden] { display: none; }
.child-contact-success__icon { display: block; margin: .5rem auto 1rem; font-size: 56px; line-height: 1; text-align: center; color: var(--child-color-success, #2f9e44); }
#child-contact .child-contact-success__title { margin: 0 0 1.25rem; font-size: 1.25rem; text-align: center; outline: none; }
#child-contact .child-contact-success p { margin: 0 0 1rem; text-align: left; hyphens: manual; }
#child-contact .child-contact-success p.child-contact-success__closing { margin: 1.5rem 0 0; }
.child-contact-success p strong { overflow-wrap: anywhere; }
.child-contact-success .child-ui-modal__cta { justify-content: flex-end; }
.child-contact-success:not([hidden]) { animation: child-ui-modal-fade-in var(--child-ui-modal-duration, 250ms) ease both; }
@media (prefers-reduced-motion: reduce) { .child-contact-success:not([hidden]) { animation: none; } }