/* ============================================================================
   ELI TECH - faq.css — FAQ detail page
   Uses CSS custom properties for dark theme compatibility.
   ============================================================================ */

.faq-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--s-4);
  margin-top: var(--s-8);
}

.faq-card {
  border-radius: var(--r-xl);
  padding: var(--s-6);
  transition: transform var(--dur-normal) var(--ease),
              box-shadow var(--dur-normal) var(--ease),
              border-color var(--dur-normal) var(--ease);
}

.faq-card:hover {
  transform: translateY(-3px);
}

.faq-card h3 {
  font-size: var(--fs-md);
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: var(--s-2);
  color: var(--ink);
}

.faq-card p {
  color: var(--ink-2);
  font-size: var(--fs-sm);
  line-height: 1.65;
}

.faq-cta-wrap {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
  padding: var(--s-12) var(--pad-x);
}

.faq-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 32px;
}