/* Devint - faq page styles (shared rules are in ../common.css) */

.faqtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.faqsearch{position:relative;flex:1;min-width:240px;max-width:420px}
.faqsearch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.faqsearch input{width:100%;font-family:inherit;font-size:14px;color:var(--ink);background:var(--card);border:1.5px solid var(--bdr2);border-radius:8px;padding:11px 13px 11px 38px;outline:none;transition:border-color .2s,box-shadow .2s}
.faqsearch input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(18,57,219,.14)}
.faqsearch input::placeholder{color:#9A9DA6}
.tabs{display:inline-flex;background:var(--page);border:1px solid var(--bdr2);border-radius:8px;padding:4px;gap:4px}
.faqfilters{flex-wrap:wrap}
.faqfilters .tab{white-space:nowrap}
.faqcat{font-size:15px;font-weight:400;color:var(--navy);opacity:.65;text-transform:uppercase;letter-spacing:-.01em;margin:40px 0 4px;padding-top:28px;border-top:1px solid var(--bdr)}
.faqgroup:first-child .faqcat{margin-top:32px;padding-top:0;border-top:none}
.faqgroup .faqlist{margin-top:12px;max-width:780px}
.faqempty{display:none;margin-top:28px;font-size:14.5px;font-weight:600;color:var(--muted);background:var(--page);border:1px dashed var(--bdr2);border-radius:10px;padding:16px 18px}
@media (max-width:640px){
  .faqtools{flex-direction:column;align-items:stretch}
  .faqsearch{max-width:none}
}