/* Contact Us page styles - minimal additions using base design system */

.contact-hero {
  background: linear-gradient(180deg, var(--color-neutral-50), var(--color-surface));
  border-bottom: 1px solid var(--color-border);
}

/* Improve summary (FAQ) click targets */
.faq details summary {
  list-style: none;
  cursor: pointer;
}

.faq details[open] .card {
  box-shadow: var(--shadow-md);
}

.faq details summary::-webkit-details-marker {
  display: none;
}

/* Subtle affordance for details */
.faq details .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Form status messages */
#form-status {
  border-radius: var(--radius-md);
}

#form-status.alert-success { background-color: var(--color-success-light); border: 1px solid var(--color-success); color: var(--color-success); }
#form-status.alert-danger { background-color: var(--color-danger-light); border: 1px solid var(--color-danger); color: var(--color-danger); }
#form-status.alert-info { background-color: var(--color-info-light); border: 1px solid var(--color-info); color: var(--color-info); }

/* Responsive spacing tweaks */
@media (max-width: 768px) {
  .contact-hero .btn { width: 100%; }
}