.wp-structure-faq {
    --wp-structure-faq-primary: #1d4ed8;
    --wp-structure-faq-secondary: #f8fafc;
    --wp-structure-faq-text: #111827;
    --wp-structure-faq-border: #d1d5db;
    --wp-structure-faq-border-width: 1px;
    --wp-structure-faq-radius: 4px;
    --wp-structure-faq-spacing: 12px;
    color: var(--wp-structure-faq-text);
    margin-block: 1.5em;
}

.wp-structure-faq__title {
    margin: 0 0 var(--wp-structure-faq-spacing);
}

.wp-structure-faq__item {
    border: var(--wp-structure-faq-border-width) solid var(--wp-structure-faq-border);
    border-radius: var(--wp-structure-faq-radius);
    margin-block: var(--wp-structure-faq-spacing);
    background: var(--wp-structure-faq-secondary);
}

.wp-structure-faq summary {
    cursor: pointer;
    list-style-position: inside;
}

.wp-structure-faq__question {
    color: var(--wp-structure-faq-primary);
    font-weight: 600;
    padding: var(--wp-structure-faq-spacing);
}

.wp-structure-faq__answer {
    padding: 0 var(--wp-structure-faq-spacing) var(--wp-structure-faq-spacing);
}

.wp-structure-faq__answer > :first-child {
    margin-top: 0;
}

.wp-structure-faq__answer > :last-child {
    margin-bottom: 0;
}

.wp-structure-faq--list .wp-structure-faq__item {
    padding: 0;
}