/**
 * pages/faq.css — FAQ page elevation
 * Phase 6 Page-by-Page Polish
 *
 * Polishes FAQ accordion items, search box, hero.
 */

body.faq-page main>section:first-of-type,
body.faq-page .faq-hero {
    position: relative;
    isolation: isolate;
}

body.faq-page main>section:first-of-type::before,
body.faq-page .faq-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image:
        radial-gradient(ellipse 70% 50% at 25% 30%, rgba(168, 85, 247, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 75% 25%, rgba(78, 205, 196, 0.08) 0%, transparent 60%);
}

body.faq-page main>section:first-of-type>*,
body.faq-page .faq-hero>* {
    position: relative;
    z-index: 1;
}

/* FAQ accordion items */
body.faq-page .faq-item,
body.faq-page .faq-question,
body.faq-page details {
    transition:
        background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.faq-page .faq-item:hover,
body.faq-page details:hover {
    box-shadow: 0 8px 24px rgba(168, 85, 247, 0.12);
}

body.faq-page .faq-item.is-open,
body.faq-page .faq-item[open],
body.faq-page details[open] {
    box-shadow: 0 12px 32px rgba(168, 85, 247, 0.18);
}

/* H1 polish */
body.faq-page h1 {
    letter-spacing: -0.04em;
    text-wrap: balance;
}

body.faq-page h2 {
    letter-spacing: -0.02em;
    text-wrap: balance;
}