.faq-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:22px 22px 20px;
}
.faq-kicker{
  margin:0 0 6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--accent);
}
.faq-hero h1{margin:0 0 8px;font-size:26px;letter-spacing:-.03em}
.faq-hero p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.faq-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0 8px;
}
.faq-tab{
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #e6e6ed;
  background:#fff;
  color:var(--charcoal);
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.faq-tab:hover{border-color:var(--accent-soft-2);color:var(--accent)}
.faq-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.faq-group{margin:0 0 18px}
.faq-group-title{
  margin:16px 2px 10px;
  font-size:15px;
  font-weight:800;
}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{
  background:#fff;
  border:1px solid #eceaf2;
  border-radius:12px;
  overflow:hidden;
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:14px 44px 14px 16px;
  font-size:14px;
  font-weight:750;
  position:relative;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:'▾';
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#989aac;
  font-size:12px;
}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.faq-item summary:hover{background:#faf8f6}
.faq-answer{
  padding:0 16px 16px;
  font-size:13px;
  line-height:1.7;
  color:#3d3a38;
}
.faq-answer p{margin:0 0 8px}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer b{color:var(--charcoal)}
.faq-empty,.faq-empty-search{
  padding:28px 8px;
  text-align:center;
  color:var(--muted);
  font-size:14px;
}
.faq-foot-links{display:flex;gap:14px;margin-bottom:8px}
.faq-foot-links a{font-size:12px;font-weight:700;color:#6b6560;text-decoration:none}
.faq-foot-links a:hover{color:var(--accent)}
.faq-item.is-hidden,.faq-group.is-hidden{display:none}
@media (max-width:720px){
  .faq-hero{flex-direction:column;align-items:flex-start}
}