.faq-item {
    border: 1px solid var(--wp--preset--color--slate-200);
    border-radius: var(--wp--preset--border-radius--small);
    margin-bottom: 1em;
}

.faq-item .faq-question {
    cursor: pointer;
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 600;
    margin: 0;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.faq-item .faq-answer {
    padding: 0 1em;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

.faq-item .faq-answer-inner > p {
    margin: 0 !important;
    padding: 0 !important;
}

.faq-item .faq-answer > * {
    margin-bottom: 1em;
}

.faq-item .faq-answer > *:last-child {
    margin-bottom: 0;
}

.faq-item.is-open .faq-answer {
    padding: 0 1em 1em 1em;
}

.wp-admin .faq-item .faq-answer {
    max-height: none !important;
    padding: 0 1em !important;
}

.wp-admin .faq-item .faq-answer-inner {
    padding-bottom: 1em !important;
}

.faq-question .ph {
    font-size: 1.25em;
    transition: transform 0.3s ease;
}

.faq-item.is-open .faq-question .ph {
    transform: rotate(180deg);
}