/* /styles/sections/faq.css */

.faq {
  position: relative;
}

.faq__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
}

@media (min-width: 1024px) {
  .faq__grid {
    grid-template-columns: 0.85fr 1.15fr;
    gap: var(--space-xl);
    align-items: start;
  }
}

.faq__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  position: sticky;
  top: var(--space-xl);
}

@media (max-width: 1024px) {
  .faq__head { position: static; }
}

.faq__title {
  font-size: var(--fs-3xl);
  line-height: 1.05;
}

.faq__title em {
  font-style: italic;
  color: var(--accent-glow);
}

.faq__intro {
  font-size: var(--fs-base);
  color: var(--text-secondary);
  line-height: 1.6;
  max-width: 40ch;
}

.faq__cta {
  margin-top: var(--space-md);
  padding: var(--space-md);
  background: var(--bg-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
}

.faq__cta-title {
  font-family: 'Instrument Serif', serif;
  font-size: var(--fs-lg);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.faq__cta-text {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-sm);
}