/* Contact Us page styles (minimal, leveraging base.css) */
.contact-hero {
  background: linear-gradient(180deg, rgba(217, 4, 41, 0.08), rgba(0,0,0,0));
}

.contact-list {
  display: grid;
  gap: var(--space-8);
}

.links-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  list-style: none;
  padding: 0;
}

.info-item { color: var(--color-text); }

.faq details {
  background: var(--color-surface);
  border: 1px solid var(--divider-color);
  border-radius: var(--radius-md);
  padding: var(--space-16);
}

.faq details + details { margin-top: var(--space-12); }

.faq summary {
  cursor: pointer;
  font-weight: 700;
}

#form-status { margin-top: var(--space-8); }

/* Form layout enhancements */
#contact-form label { display: inline-block; margin-bottom: var(--space-6); }
#contact-form .btn { min-width: 160px; }

/* Small refinement for counters */
#message-counter { display: inline-block; margin-top: var(--space-6); }