/*
 * Contact page — message form specific styles.
 * Uses tokens from styles.css. Page-specific rules namespaced with
 * .contact-* to avoid collisions with the home page's #contact section
 * (which uses .contact-card).
 *
 * Page padding (.single-page) and H1 (.page-h1) are system-level classes
 * defined in styles.css.
 *
 * Form anatomy (.fields, .field, .field-label, .field--invalid,
 * .field-error) is canonical and lives in styles.css. The async-error
 * region and the post-submit confirmation state are also canonical
 * (.async-error / .confirmed families in styles.css), shared with the
 * schedule page so the two engagement paths stay visually identical.
 * Contact scopes only the form wrapper here.
 */

.contact-form { max-width: 720px; }
.contact-form .fields { margin-bottom: 32px; }