/**
 * @file
 * FAQ component styles — accordion with toggle.
 */

.faq {
  padding: clamp(56px, 7vw, 96px) 24px;
}

.faq--white {
  background: #fff;
  border-top: 1px solid #DCCBB9;
}

.faq--cream {
  background: #FFF9F2;
}

.faq__container {
  max-width: 860px;
  margin: 0 auto;
}

.faq__title {
  margin: 0;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -1.4px;
}

.faq__items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}