section.faq {
    display: grid;
    font-size: 1rem;
    gap: 4em;

    .page-content & {
        margin-block-end: 5em;
    }

    & .tab-title {
        margin-block-end: 0.75em;
        text-transform: uppercase;
    }

    & .accordion-item {
        border: 0.0625rem solid #ccc;

        &[open] {

            & .accordion-header {

                &::after {
                    content: '-'; 
                    color: var(--main-accent);
                }
            }
        }

        & + & {
            border-top: 0;
        }
    }

    & .accordion-header {
        align-items: start;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        gap: 1em;
        padding: 1.25em;

        &::after {
            color: var(--text);
            content: '+'; 
            font-size: 1.5em;
        }
    }

    & .accordion-title {
        color: #555;
        font-weight: 700;
    }

    & .accordion-content {
        padding: 0 1.25em 1.25em;

        & p {
            font-size: 0.875em;
        }
    }
}