/* ═══ FAQ PAGE — extends homepage faq-list classes ═══ */

/* category group headings */
.faq-group{margin-bottom:.5rem}
.faq-group:not(:first-child){margin-top:2.4rem}
.faq-cat{font-family:var(--disp);font-size:1.35rem;color:var(--deep);padding-bottom:.8rem;
  border-bottom:2px solid var(--green);margin-bottom:0;display:flex;align-items:center;gap:.7rem}
.faq-cat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}

/* override homepage max-height with Bootstrap collapse */
.faq-list .fa{max-height:none!important;overflow:hidden;transition:height .35s ease}
.fa-inner{padding:0 .4rem 1.4rem;font-size: 20px}
.fa-inner p{color:var(--muted);max-width:62ch;line-height:1.8}
.fa-inner ul,.fa-inner ol{color:var(--muted);padding-left:1.2rem;margin-bottom:1rem}

/* open/close state synced with Bootstrap */
.faq .fq:not(.collapsed){color:var(--green);font-size: 1.2rem}
.faq .fq:not(.collapsed) i{transform:rotate(45deg)}
.faq .fq.collapsed{color:var(--deep);font-size: 1.2rem}
.faq .fq.collapsed i{transform:none}

/* "View full answer" link */
.faq-more{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:20px;
  color:var(--green);text-decoration:none;margin-top:.6rem;transition:.3s}
.faq-more:hover{color:var(--deep)}
.faq-more i{font-size:.7rem;transition:.3s}
.faq-more:hover i{transform:translateX(4px)}

/* empty note (reuse from services page) */
.empty-note{text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-lg);padding:4rem 1rem;color:var(--muted)}
.empty-note i{font-size:2rem;color:var(--sky);display:block;margin-bottom:1rem}

/* responsive */
@media (max-width:991.98px){
  .sticky-col{position:static}
  .faq-cat{font-size:1.15rem}
}