/* contact shares about.css layout helpers; keep file for page-specific hooks */
.contact-form-wrap {
  padding: var(--space-4);
  border: 1px solid var(--line);
  background: var(--white);
}

.form-success {
  display: none;
  padding: var(--space-3);
  background: var(--cream);
  border-left: 3px solid var(--maya-green);
  margin-bottom: var(--space-3);
}

.form-success.is-visible {
  display: block;
}

.form-error {
  display: none;
  padding: var(--space-3);
  background: #fdf2f2;
  border-left: 3px solid #b42318;
  color: #7a1c14;
  margin-bottom: var(--space-3);
  font-size: var(--text-sm);
}

.form-error.is-visible {
  display: block;
}

.hp-field {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.map-link {
  margin-top: 0.85rem;
  text-align: center;
}

.section[id] {
  scroll-margin-top: calc(var(--nav-h) + 1.25rem);
}