.faq-title{max-width:780px;margin:.8rem 0 .85rem;font-size:2.45rem;line-height:1.12}
.faq-hero .lead-dp{max-width:68ch}
.faq-section{padding-top:44px}
.faq-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 1rem}
.faq-search{display:flex;align-items:center;gap:.75rem;width:min(100%,680px);min-height:52px;padding:0 .95rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm)}
.faq-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.faq-search>i{flex:0 0 auto;color:var(--primary)}
.faq-search .form-control{min-width:0;padding:.68rem .1rem;border:0;border-radius:0;background:transparent;box-shadow:none}
.faq-search .form-control:focus{border:0;box-shadow:none}
.faq-clear{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-2);color:var(--muted)}
.faq-clear:hover{background:var(--border);color:var(--heading)}
.faq-result-count{margin:0;color:var(--muted);font-size:.86rem;white-space:nowrap}
.faq-popular{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 1.4rem;color:var(--muted);font-size:.85rem}
.faq-popular>span{margin-right:.15rem;font-weight:700;color:var(--heading)}
.faq-popular-button{padding:.36rem .68rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.8rem;transition:background var(--transition),border-color var(--transition),color var(--transition)}
.faq-popular-button:hover{border-color:var(--primary);background:rgba(21,101,192,.06);color:var(--primary)}
.faq-category-nav{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-inline:contain;padding:.2rem 0 .65rem;margin:0 0 1.6rem;border-bottom:1px solid var(--border);scrollbar-width:thin}
.faq-category-button{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;min-height:40px;padding:.5rem .76rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:.83rem;font-weight:700;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}
.faq-category-button:hover{background:var(--surface-2);color:var(--heading)}
.faq-category-button.active{border-color:rgba(21,101,192,.16);background:rgba(21,101,192,.08);color:var(--primary)}
.faq-category-button:focus-visible,.faq-popular-button:focus-visible,.faq-clear:focus-visible{outline:3px solid rgba(21,101,192,.35);outline-offset:2px}
.faq-category-number{color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums}
.faq-category{max-width:900px;margin:0 auto 2.4rem;scroll-margin-top:112px}
.faq-category-heading{display:flex;align-items:center;gap:.9rem;padding:0 0 .9rem;margin:0 0 .15rem;border-bottom:1px solid var(--border)}
.faq-category-index{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--surface-2);color:var(--primary);font-family:var(--font-head);font-size:.86rem;font-weight:800}
.faq-category-heading h2{margin:0 0 .16rem;font-size:1.16rem;line-height:1.35}
.faq-category-heading p{margin:0;color:var(--muted);font-size:.76rem}
.faq-list{border-bottom:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border);background:transparent}
.faq-item:last-child{border-bottom:0}
.faq-item summary{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:.7rem;min-height:64px;padding:.8rem .2rem;cursor:pointer;list-style:none;color:var(--heading);font-size:.96rem;font-weight:700;line-height:1.45}
.faq-item summary::-webkit-details-marker{display:none}
.faq-question-number{color:var(--muted);font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums}
.faq-question-text{min-width:0;overflow-wrap:anywhere}
.faq-chevron{justify-self:end;color:var(--muted);font-size:.75rem;transition:transform var(--transition),color var(--transition)}
.faq-item[open] summary{color:var(--primary)}
.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--primary)}
.faq-item summary:focus-visible{outline:3px solid rgba(21,101,192,.35);outline-offset:2px;border-radius:8px}
.faq-answer{padding:0 2.9rem 1.15rem 2.9rem;color:var(--muted);font-size:.93rem;line-height:1.75;animation:faqAnswerIn 180ms ease-out}
.faq-answer p{max-width:76ch;margin:0;color:inherit}
@keyframes faqAnswerIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.faq-empty{display:grid;justify-items:center;gap:.6rem;padding:3rem 1rem;text-align:center;color:var(--muted)}
.faq-empty>i{margin-bottom:.2rem;color:var(--primary);font-size:1.35rem}
.faq-empty strong{color:var(--heading)}
.faq-empty[hidden],.faq-category[hidden],.faq-item[hidden]{display:none!important}
.faq-help{background:var(--surface-2)}
.faq-help-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.faq-help-content>div:first-child{max-width:620px}
.faq-help-content h2{font-size:1.42rem}
.faq-help-content p{color:var(--muted);font-size:.92rem;line-height:1.65}
.faq-help-actions{display:flex;gap:.65rem;flex-wrap:wrap}
@media(max-width:767.98px){
  .faq-title{font-size:1.9rem}
  .faq-section{padding-top:34px}
  .faq-tools{align-items:stretch}
  .faq-search{width:100%}
  .faq-result-count{white-space:normal}
  .faq-category-nav{margin-right:-.5rem;padding-right:.5rem}
  .faq-category{margin-bottom:1.8rem}
  .faq-category-heading h2{font-size:1.05rem}
  .faq-item summary{grid-template-columns:27px minmax(0,1fr) 24px;gap:.55rem;min-height:60px;font-size:.9rem}
  .faq-answer{padding:0 .2rem 1rem 2.3rem;font-size:.89rem}
  .faq-help-content{gap:1rem}
  .faq-help-actions{width:100%}
  .faq-help-actions .btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.faq-popular-button,.faq-category-button,.faq-chevron{transition:none}.faq-answer{animation:none}}
