/**
 * Taste Theme - Questions
 * @license MIT, https://opensource.org/license/MIT
 */

.questions .faqs {
    max-width: 52rem;
    margin: auto;
}

.questions details {
    margin-bottom: 0.75rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--pico-border-radius);
    background:
        linear-gradient(145deg, var(--pico-muted-background-color), var(--pico-contrast-background)) padding-box,
        linear-gradient(120deg, color-mix(in srgb, var(--pico-secondary) 25%, transparent), var(--pico-contrast-focus)) border-box;
    box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--pico-code-background-color) 20%, transparent);
}

.questions summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.5rem;
    padding: 1rem 1.25rem;
    list-style: none;
}

.questions summary::-webkit-details-marker {
    display: none;
}

.questions summary h3 {
    margin: 0;
    font-size: 1rem;
    letter-spacing: -0.01em;
}

.questions summary svg {
    flex: 0 0 auto;
    width: 1.15rem;
    color: var(--pico-secondary);
}

.questions details[open] summary svg {
    rotate: 180deg;
}

.questions details .cms-text {
    padding: 0 1.25rem 1.25rem;
    color: var(--pico-muted-color);
    line-height: 1.7;
}

.questions details .cms-text > :last-child {
    margin-bottom: 0;
}