@layer app {
.search-field{flex:1;min-width:240px;position:relative}.search-field input{background:var(--surface-card);border-color:var(--border-input);border-radius:var(--radius-input);appearance:none;padding-left:46px}.search-field input[type=search]:hover:not(:focus){border-color:var(--tip-blue-300)}.search-field input[type=search]:focus{background:var(--surface-card);border-color:var(--color-action);box-shadow:var(--shadow-focus)}.search-field svg{color:var(--color-action);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}
}

@layer app {
.faq-shell,.faq-tools{flex-direction:column;gap:16px;display:flex}.faq-count{color:var(--text-muted);margin:0;padding:0 4px;font-size:14px}.faq-group+.faq-group{margin-top:24px}.faq-list .faq-group h2{font-family:var(--font-body);color:var(--text-muted);margin:0 0 4px;padding-left:4px;font-size:16px;font-weight:600}.faq-list{padding-top:16px}.faq-list .faq-empty{box-shadow:none;border:0}
}

@layer reset,tokens,app;