/* FAQ page fixes (aesthetic finding 15).
   Loaded after css/style.css, so these win on equal specificity.
   Buttons do not inherit the page font by default, which is why every FAQ
   button fell back to Arial. font-family only, never the font shorthand,
   so the existing sizes and weights in style.css stay as they are. */

.faq-toggle,
.faq-category,
.faq-search button {
    font-family: inherit;
}

/* The Search label must never wrap letter by letter. */
.faq-search button {
    white-space: nowrap;
    flex: 0 0 auto;
}

/* Lets the input shrink inside the flex row instead of pushing the button. */
.faq-search input {
    min-width: 0;
}

/* Phones: stack the search row, full-width button. */
@media (max-width: 479px) {
    .faq-search {
        flex-direction: column;
    }

    .faq-search input {
        flex: 0 0 auto;
        width: 100%;
    }

    .faq-search button {
        width: 100%;
    }
}