/* ==========================================================================
   contact.css — the contact page reuses .form-wrap and .field styling
   from register.css, plus .two-col and .feature-row from style.css,
   with a couple of page-specific adjustments below.
   ========================================================================== */

/* Contact info and the message form should align to the top of the row,
   not stretch/center vertically like the default .two-col does. */
.two-col--top {
  align-items: flex-start;
}

/* The message form reads better as a standalone rounded card here,
   rather than the flush edge-to-edge treatment .form-wrap has on the
   dedicated Register page. */
.contact-form-card {
  border-radius: var(--radius-lg);
  padding: 36px;
}

/* Contact detail list renders as a single column, not the 2/3/4-column
   .feature-row grid used elsewhere (Why Choose Us, Milestones). */
.feature-list-single {
  grid-template-columns: 1fr;
}