.hq{padding:clamp(56px,7vw,96px) 0 32px}
.hq .wrap{max-width:880px}
.search{display:flex;align-items:center;gap:12px;margin-top:34px;padding:0 18px;min-height:58px;border-radius:12px;background:var(--inset);border:1px solid var(--line)}
.search:focus-within{border-color:var(--blue4)}
.search svg{width:20px;height:20px;color:var(--tx3);flex:none}
.search input{flex:1;background:none;border:0;outline:none;color:var(--tx);font:400 16px var(--f)}
.search input::placeholder{color:var(--tx3)}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cats button{border:1px solid var(--line);background:#ffffff08;color:var(--tx2);font:500 13.5px/1 var(--f);padding:10px 14px;border-radius:10px;cursor:pointer}
.cats button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.faq{max-width:880px;margin:0 auto;padding:0 24px 96px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex:none;width:12px;height:12px;margin-top:8px;border-right:2px solid var(--sky);border-bottom:2px solid var(--sky);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{padding:0 0 22px;color:var(--body);max-width:68ch}
.faq .empty{padding:32px 0;color:var(--tx3)}