/* FAQ — the exposed question list. Notes: docs/component-faq-notes.md
   Content comes from inc/faqs.php, shared with the FAQPage schema. */
.faq{
  background:#fff;
  padding:5rem 2rem 6rem;
}
.faq-inner{
  max-width:820px;
  margin:0 auto;
}
.faq-head{
  text-align:center;
  margin-bottom:3rem;
}
/* A <span>; the section h2 is the title below. */
.faq-eyebrow{
  display:block;
  font-family:var(--display);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:#999;
  margin-bottom:1rem;
}
.faq-title{
  font-family:var(--display);
  font-size:clamp(1.8rem,3.5vw,2.6rem);
  font-weight:500;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--charcoal);
}

.faq-item{
  border-left:3px solid var(--gold);
  padding-left:1.4rem;
  margin-bottom:2.2rem;
}
.faq-item:last-child{margin-bottom:0}
.faq-q{
  font-family:var(--display);
  font-size:clamp(1.1rem,1.8vw,1.35rem);
  font-weight:500;
  color:var(--charcoal);
  margin-bottom:.8rem;
  line-height:1.3;
}
/* Styled on the child <p>. */
.faq-a p{
  font-family:var(--body);
  font-size:1.02rem;
  line-height:1.8;
  color:#555;
  margin-bottom:1rem;
}
.faq-a p:last-child{margin-bottom:0}

.faq-a a{
  color:var(--gold-dark);
  text-decoration:underline;
}