/* =========================================================
   HUMANBOTS — FAQS PAGE ONLY
   Loads after global.css and service.css. The accordions are
   the shared .svc-acc and the layout is the shared .svc-split;
   this file holds the topic list, group headings and the
   "still have a question?" box.
========================================================= */

.hbq-hero{min-height:0;padding-bottom:40px}
.hbq-hero .svc-hero-copy{max-width:620px}
.hbq-body{padding-top:30px}

/* topic list (left column) */
.hbq-nav{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.hbq-nav a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--line);
  color:#999;
  font-size:15px;
  transition:color .2s ease, padding .25s ease;
}
.hbq-nav a:hover{color:#fff;padding-left:6px}
.hbq-nav b{color:#555;font-family:var(--font-mono);font-size:11px;font-weight:500}
.hbq-nav a:hover b{color:var(--orange)}

.hbq-ask{
  margin-top:30px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
}
.hbq-ask p{margin-bottom:16px;color:var(--dim);font-size:14px;line-height:1.6}
.hbq-ask strong{color:#fff;font-weight:500}
.hbq-ask .svc-btn{width:100%;justify-content:center}
.hbq-ask .svc-btn + .svc-btn{margin-top:10px}

/* question groups (right column) */
.hbq-group{scroll-margin-top:120px}
.hbq-group + .hbq-group{margin-top:60px}
.hbq-group h2{margin-bottom:14px;color:var(--orange);font-size:12px;font-weight:500;text-transform:uppercase}

/* answers are one column of plain text */
.hbq-group .svc-acc-body{grid-template-columns:1fr}
.hbq-group .svc-acc-body p{max-width:680px;color:#999;font-size:16px;line-height:1.7}
.hbq-group .svc-acc-title{font-size:clamp(18px, 1.7vw, 23px)}

@media (max-width:1000px){
  .hbq-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .hbq-ask{display:none}
}

@media (max-width:650px){
  .hbq-nav{grid-template-columns:1fr}
}