/* Contact Us page styles — extend base without duplicating utilities */

.contact-hero {
  padding-top: var(--space-12);
  padding-bottom: var(--space-8);
  background: linear-gradient(180deg, rgba(135, 206, 235, 0.08) 0%, rgba(248, 245, 240, 0) 100%);
}

.contact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .contact-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

.required {
  color: var(--color-accent);
}

.help-inline {
  color: var(--color-text-secondary);
}

.form-status {
  margin-bottom: var(--space-4);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  border: 2px solid transparent;
  display: none;
}

.form-status.is-visible { display: block; }
.form-status.is-success { border-color: var(--color-success); background: #f0f7ef; }
.form-status.is-error { border-color: var(--color-danger); background: #fdf1ef; }

.small-text { color: var(--color-text-secondary); font-size: var(--font-size-sm); }

/* Checkbox alignment using existing base form styles */
.form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

.form-checkbox input[type="checkbox"] {
  margin-top: 0.35rem;
}