/* FAQ page — accordion in the site's own vocabulary */
#faq { font-family: "proxima-nova", sans-serif; font-weight: 300; color: #444; letter-spacing: 0.3px; }
#faq .faq-intro { font-size: 15px; line-height: 24px; margin-bottom: 30px; }
#faq .policy { background: #fafafa; border: 1px solid #eee; padding: 20px 22px; margin-bottom: 34px; }
#faq .policy h2 {
  font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-size: 21px;
  letter-spacing: 0.63px; color: #222; margin: 0 0 10px;
}
#faq .policy p { font-size: 15px; line-height: 24px; margin: 0 0 10px; }
#faq .policy p:last-child { margin-bottom: 0; }

#faq .faq-item { border-bottom: 1px solid #eee; }
#faq .faq-item:first-child { border-top: 1px solid #eee; }
#faq .faq-q {
  width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  background: none; border: 0; padding: 18px 2px; cursor: pointer; text-align: left;
  font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-size: 19px;
  letter-spacing: 0.5px; color: #222;
}
#faq .faq-q:hover { color: #000; }
#faq .faq-mark { font-size: 20px; color: #aaa; line-height: 1; flex: 0 0 auto; }
#faq .faq-a {
  display: none; font-size: 15px; line-height: 25px; color: #444;
  padding: 0 40px 20px 2px; max-width: 760px;
}
#faq .faq-item.open .faq-a { display: block; }
#faq .faq-note { font-size: 13px; color: #999; margin-top: 30px; }
@media (max-width: 640px) {
  #faq .faq-q { font-size: 17px; padding: 16px 2px; }
  #faq .faq-a { padding-right: 10px; }
}