/* ==========================================================================
   FAQ PAGE STYLES - LIVE SEARCH & CATEGORIES
   ========================================================================== */

.faq-hero {
    padding: calc(var(--header-height) + var(--space-3xl)) 0 var(--space-2xl);
    background-color: var(--color-graphite);
    color: var(--color-white);
    text-align: center;
}

.search-faq-container {
    max-width: 600px;
    margin: var(--space-lg) auto 0;
    position: relative;
}

.search-faq-input {
    width: 100%;
    padding: 16px 24px;
    border-radius: 30px;
    background-color: var(--color-white);
    color: var(--color-graphite);
    font-size: var(--text-base);
    box-shadow: var(--shadow-lg);
    border: 2px solid transparent;
    transition: var(--transition-fast);
}

.search-faq-input:focus {
    border-color: var(--color-copper);
}

.faq-content {
    padding: var(--space-3xl) 0;
    background-color: var(--color-warm-white);
}

.faq-category-title {
    margin: var(--space-2xl) 0 var(--space-md);
    padding-bottom: var(--space-xs);
    border-bottom: 2px solid var(--color-copper);
    display: inline-block;
    font-size: var(--text-xl);
}