/* Contact Us page-specific styles (lean, leveraging base.css) */
.hero {
  padding: var(--space-16) 0 var(--space-12);
  background: radial-gradient(1200px 600px at 10% 20%, rgba(139, 92, 246, 0.08), transparent 60%),
              radial-gradient(1000px 500px at 90% 10%, rgba(0, 255, 255, 0.08), transparent 60%);
}

.section { padding: var(--space-12) 0; }

.faq details {
  border: 1px solid var(--color-neutral-700);
  background: linear-gradient(135deg, var(--color-background-elevated), var(--color-background-alt));
  border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-5);
  margin-bottom: var(--space-4);
  box-shadow: var(--shadow-base);
}
.faq details[open] { box-shadow: var(--shadow-neon-cyan), var(--shadow-md); border-color: var(--color-primary); }
.faq summary {
  cursor: pointer;
  font-family: var(--font-display);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.03em;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: '\f107'; /* fa-chevron-down */
  font: var(--fa-font-solid);
  float: right;
  color: var(--color-primary);
  transition: transform var(--transition-base) var(--ease-out);
}
.faq details[open] summary::after { transform: rotate(180deg); }
.faq p { margin-top: var(--space-3); }

.social-links { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--space-3); max-width: 640px; }
@media (min-width: 640px) { .social-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.social-links a { display: inline-flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-neutral-700); border-radius: var(--radius-lg); background-color: var(--color-neutral-900); box-shadow: var(--shadow-sm); }
.social-links a:hover { border-color: var(--color-primary); box-shadow: var(--shadow-neon-cyan); transform: translateY(-2px); transition: all var(--transition-base) var(--ease-out); }
.social-links i { color: var(--color-primary); }

.support-list { display: grid; gap: var(--space-3); }

/* Minor form tweaks */
#feedback-form small, #newsletter-form small { display: block; min-height: 1.2rem; }

/* High contrast friendly focus ring already provided by base.css */