/* =====================================================================
   FAQ page — reuses .legal-hero / .legal-layout / .legal-toc / .legal-
   content from legal.css (same trust-first prose shell as Terms /
   Privacy), adds only the accordion list and the closing CTA band that
   are specific to this page.
   ===================================================================== */

.faq-content h2{margin-top:2.6rem}
.faq-content h2:first-child{margin-top:0}

.faq-list{border-top:1px solid var(--border)}

.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  list-style:none;cursor:pointer;padding:1.05rem 0;
  font-family:'Public Sans',sans-serif;font-weight:600;font-size:.98rem;color:var(--ink);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary svg{flex:none;color:var(--coral-strong);transition:transform .25s var(--ease)}
.faq-item[open] summary svg{transform:rotate(180deg)}
.faq-item summary:hover span{color:var(--coral-strong)}
.faq-item summary span{transition:color .2s var(--ease)}

.faq-answer{padding:0 0 1.15rem}
.faq-answer p{color:var(--muted);line-height:1.75;font-size:.96rem;max-width:62ch}

.faq-final{
  text-align:center;margin-top:clamp(40px,6vw,64px);padding-top:clamp(32px,5vw,48px);
  border-top:1px solid var(--border);
}
.faq-final p{font-family:'Fraunces',serif;font-weight:500;font-size:1.3rem;color:var(--ink);margin-bottom:1.2rem}
.faq-final-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}
/* Higher-specificity (.faq-final <two classes>) is required here to beat
   legal.css's ".legal-content a{color:...;text-decoration:underline}",
   which otherwise overrides these links since this block lives inside
   .legal-content and a plain single-class selector loses that fight
   even though faq.css loads after legal.css in the enqueue chain. */
.faq-final .btn-primary{padding:.85rem 1.7rem;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--on-coral);text-decoration:none;display:inline-flex;align-items:center;transition:transform .2s var(--ease)}
.faq-final .btn-primary:active{transform:scale(.96)}
.faq-final .faq-whatsapp{
  display:inline-flex;align-items:center;padding:.85rem 1.7rem;border-radius:999px;
  border:1px solid var(--border);color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem;
  transition:border-color .2s var(--ease),color .2s var(--ease);
}
.faq-final .faq-whatsapp:hover{border-color:var(--coral-strong);color:var(--coral-strong)}

@media(max-width:640px){
  .faq-final-actions{flex-direction:column;align-items:stretch}
  .faq-final-actions a{text-align:center}
}