/* ================================================================
   FAQ page — styles extracted from inline <style> block
   ================================================================ */

.faq-hero { background:var(--charcoal); color:var(--white); padding:52px 0 60px; position:relative; overflow:hidden; text-align:center; }
.faq-hero h1 { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:10px; }
.faq-hero p { color:rgba(255,255,255,.5); font-size:1rem; }
.faq-hero-wave { position:absolute; bottom:-2px; left:0; right:0; height:40px; background:var(--cream); clip-path:ellipse(55% 100% at 50% 100%); }

.faq-layout { display:grid; grid-template-columns:1fr 320px; gap:40px; align-items:start; padding:48px 0 64px; }
.faq-section { margin-bottom:40px; }
.faq-section h2 { font-family:var(--font-display); font-size:1.35rem; color:var(--charcoal); margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid var(--amber); }
.faq-section details { background:var(--white); border:1px solid var(--border); border-radius:var(--radius); margin-bottom:10px; box-shadow:var(--shadow); overflow:hidden; }
.faq-section summary { padding:16px 20px; cursor:pointer; font-weight:700; font-size:.93rem; color:var(--charcoal); display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
.faq-section summary::-webkit-details-marker { display:none; }
.faq-section summary::after { content:'+'; font-size:1.2rem; color:var(--amber); font-weight:700; flex-shrink:0; }
.faq-section details[open] summary::after { content:'−'; }
.faq-section .faq-a { padding:0 20px 18px; font-size:.9rem; color:var(--text-soft); line-height:1.7; }

.faq-sidebar { position:sticky; top:88px; }
.sidebar-cta { background:var(--amber); color:var(--white); border-radius:var(--radius); padding:28px; text-align:center; margin-bottom:20px; }
.sidebar-cta h3 { font-family:var(--font-display); font-size:1.1rem; margin-bottom:8px; }
.sidebar-cta p { font-size:.86rem; color:rgba(255,255,255,.75); margin-bottom:16px; }
.sidebar-cta .btn-dark { background:var(--charcoal); color:var(--white); width:100%; }

@media (max-width:960px) {
  .faq-layout { grid-template-columns:1fr; }
  .faq-sidebar { position:static; }
}