/* Contact page extras */

/* The contact info columns sit on dark bg when page header is dark */
.contact-page .contact-info {
  color: var(--text);
}

/* Adjust intro text on dark header */
.contact-page .page-header.is-dark h1 {
  max-width: 700px;
}

/* Field focus highlight */
.field input:focus,
.field textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-muted);
}

/* Submit button full width on mobile */
@media (max-width: 600px) {
  #form-submit { width: 100%; justify-content: center; }
}

/* Reduce layout padding on mobile */
@media (max-width: 768px) {
  .contact-form-wrap {
    padding: 1.75rem;
  }
}