/* =========================================================
   faq.css — page-specific styles for faq.php
   ========================================================= */

.page-hero-faq{
  background:
    radial-gradient(circle at 85% 0%, rgba(47,169,140,0.14), transparent 45%),
    var(--bg-deep);
}

.faq-layout{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:48px;
  align-items:start;
}
.faq-nav{
  position:sticky; top:96px;
  display:flex; flex-direction:column; gap:4px;
}
.faq-nav-link{
  font-size:13.5px; font-weight:500; color:var(--muted);
  padding:9px 12px; border-radius:8px; border-left:2px solid transparent;
}
.faq-nav-link:hover{color:var(--teal-dim); background:#EEF3F1;}

.faq-category{margin-bottom:44px;}
.faq-category h2{font-size:19px; margin-bottom:16px;}

.accordion{display:flex; flex-direction:column; gap:10px;}
.accordion-item{
  background:#fff; border:1px solid var(--paper-line); border-radius:12px;
  overflow:hidden;
}
.accordion-trigger{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:none; border:none; text-align:left; cursor:pointer;
  padding:16px 18px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:14.5px;
  color:var(--ink);
}
.accordion-chevron{flex-shrink:0; color:var(--muted-soft); transition:transform .2s ease;}
.accordion-item.is-open .accordion-chevron{transform:rotate(180deg); color:var(--teal);}

.accordion-panel{
  max-height:0; overflow:hidden; transition:max-height .25s ease;
}
.accordion-panel p{
  margin:0; padding:0 18px 18px; color:var(--muted); font-size:13.5px; max-width:640px;
}

@media (max-width: 820px){
  .faq-layout{grid-template-columns:1fr;}
  .faq-nav{
    position:static; flex-direction:row; flex-wrap:wrap; gap:8px;
    margin-bottom:12px;
  }
  .faq-nav-link{background:#EEF3F1;}
}

/* Hero text colors — tune for contrast against .page-hero-faq background */
.page-hero-faq .eyebrow{
  color:#7FBFAE;
}
.page-hero-faq h1{
  color:#FFFFFF;
}
.page-hero-faq .page-hero-lead{
  color:#D7E7E1;
}