/* Not scoped. Keep styles under .faq */

    /*
    * FAQ List *
    */
    .faq details strong {
        color: var(--color-amethyst)
    }

    .faq details emphasis {
        color: var(--color-emerald)
    }

    .faq details {
        color: var(--vp-c-text-dark);
    }
    
    .faq details:open {
        margin-left: 2em;
        margin-bottom: .5em;
        color: var(--vp-c-brand);
    }

    .faq details:open summary {
        margin-left: -2em;
        margin-bottom: .5em;
        color: var(--vp-c-text-dark);
    }

    @media (prefers-color-scheme: dark) {
        .faq details strong {
        color: white;
        }

        .faq details emphasis {
            color: white;
        }

        .faq details {
            color: var(--vp-c-text-light);
        }
        
        .faq details:open {
            margin-left: 2em;
            margin-bottom: .5em;
            color: lightgray;
        }

        .faq details:open summary {
            margin-left: -2em;
            margin-bottom: .5em;
            color: var(--vp-c-text-light);
        }

        .faq .important {
            background-color: slateblue;
        }
    }