/* ============================================================
   Contact page — two-column layout, urgent callout, form details
   ============================================================ */

/* Info list + form side by side */
.contact-grid {
  display: grid;
  gap: var(--space-7);
  align-items: start;
}
@media (min-width: 940px) {
  .contact-grid {
    grid-template-columns: 0.85fr 1.15fr;
    gap: var(--space-8);
  }
}

/* Two-up fields inside the form card */
@media (min-width: 640px) {
  .contact-grid .form-card { padding: var(--space-7); }
  #contactForm .form-grid { grid-template-columns: 1fr 1fr; }
  #contactForm .form-field.field-full { grid-column: 1 / -1; }
}

/* Urgent-matters callout */
.urgent-note {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: rgba(209, 154, 78, 0.08);
  border: 1px solid rgba(201, 138, 61, 0.35);
  border-left: 4px solid var(--amber-500);
  border-radius: var(--radius-md);
}
.urgent-note p {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-ink-soft);
}
.urgent-note strong { color: var(--color-ink); }

/* Required-field marker */
.req { color: var(--color-accent-deep); font-weight: 700; }
.form-note {
  font-size: var(--text-xs);
  color: var(--color-ink-muted);
  margin-bottom: var(--space-5);
}
.form-card h3 { margin-bottom: var(--space-2); }